:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2933;background-color:#f3f4f6}*{box-sizing:border-box}body{margin:0;background-color:#f3f4f6}.app{min-height:100vh;display:flex;justify-content:center;padding:24px 12px}.app-inner{width:100%;max-width:960px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.app-title{font-size:24px;font-weight:700;letter-spacing:.03em;display:flex;align-items:center;gap:8px}.app-title-badge{font-size:11px;text-transform:uppercase;letter-spacing:.15em;padding:2px 6px;border-radius:999px;background:#e5edff;color:#364fc7}.app-nav{display:flex;align-items:center;gap:8px}.app-link{text-decoration:none;color:#4b5563;font-size:14px;padding:6px 10px;border-radius:999px}.app-link:hover{background-color:#e5e7eb}.app-username{font-size:14px;color:#4b5563}.btn{border:none;border-radius:999px;font-size:14px;padding:6px 14px;cursor:pointer;transition:background-color .15s ease,transform .05s ease,box-shadow .15s ease}.btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 8px 16px #4f46e540}.btn-primary:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-1px)}.btn-secondary{background-color:#e5e7eb;color:#374151}.btn-secondary:hover{background-color:#d1d5db}.app-main{background-color:#fff;border-radius:16px;padding:20px 20px 24px;box-shadow:0 18px 45px #0f172a0f,0 0 0 1px #0f172a08}.page-title{font-size:20px;font-weight:600;margin-bottom:16px}.form{display:flex;flex-direction:column;gap:10px;max-width:360px}.form-label{font-size:13px;color:#4b5563;margin-bottom:2px}.form-input{padding:8px 10px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}.form-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e559}.form-error{color:#b91c1c;font-size:13px}.dashboard-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.dashboard-subtitle{font-size:13px;color:#6b7280}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat-card{padding:12px 14px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb}.stat-label{font-size:12px;color:#6b7280;margin-bottom:4px}.stat-value{font-size:18px;font-weight:600}.section{margin-top:20px;margin-bottom:4px}.section-title{font-size:16px;font-weight:600;margin-bottom:4px}.section-caption{font-size:12px;color:#9ca3af}.card{border-radius:12px;border:1px solid #e5e7eb;padding:14px 14px 12px;background-color:#f9fafb;margin-bottom:16px}.task-form{display:flex;flex-direction:column;gap:8px}.task-form-row{display:flex;gap:8px}.task-form-row>*{flex:1}.task-list{list-style:none;padding:0;margin:0}.task-item{border-radius:10px;border:1px solid #e5e7eb;padding:10px 12px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.task-item-left{display:flex;flex-direction:column;gap:2px}.task-title-row{display:flex;align-items:center;gap:6px}.task-status-icon{font-size:16px}.task-title{font-size:14px;font-weight:500}.task-meta{font-size:12px;color:#6b7280}.task-actions{display:flex;gap:6px}.ranking-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}.ranking-table th,.ranking-table td{padding:6px 8px}.ranking-table thead th{border-bottom:1px solid #e5e7eb;text-align:left;color:#6b7280;font-weight:500}.ranking-row-me{background-color:#eef2ff}@media(max-width:768px){.app{padding:12px 8px}.app-main{padding:14px 12px 16px}.stats-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}