:root{--color-paper:#faf8f5;--color-paper-warm:#f5f2ed;--color-slate-900:#1e293b;--color-slate-700:#334155;--color-slate-600:#475569;--color-slate-500:#64748b;--color-slate-400:#94a3b8;--color-slate-300:#cbd5e1;--color-slate-200:#e2e8f0;--color-slate-100:#f1f5f9;--color-honey-700:#92400e;--color-honey-600:#b45309;--color-honey-500:#d97706;--color-honey-400:#f59e0b;--color-honey-300:#fbbf24;--color-honey-200:#fcd34d;--color-honey-100:#fef3c7;--color-danger:#dc2626;--color-danger-light:#fef2f2;--color-success:#16a34a;--color-success-light:#f0fdf4;--color-warning:#ea580c;--color-warning-light:#fff7ed;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,monospace;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--color-paper);color:var(--color-slate-900);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding-bottom:4rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-slate-900)}h1{font-size:2rem;margin-bottom:var(--space-4)}h2{font-size:1.5rem}h2,h3{margin-bottom:var(--space-3)}h3{font-size:1.25rem}p{line-height:1.6;color:var(--color-slate-700)}a{color:var(--color-honey-600);text-decoration:none}a:hover{color:var(--color-honey-700);text-decoration:underline}button{font-family:var(--font-sans);font-size:1rem;font-weight:500;border:none;border-radius:var(--border-radius-md);padding:var(--space-3) var(--space-6);cursor:pointer;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-honey-600);color:white}.btn-primary:hover:not(:disabled){background-color:var(--color-honey-700)}.btn-secondary{background-color:var(--color-slate-200);color:var(--color-slate-900)}.btn-secondary:hover:not(:disabled){background-color:var(--color-slate-300)}.btn-danger{background-color:var(--color-danger);color:white}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-ghost{background-color:transparent;color:var(--color-slate-700)}.btn-ghost:hover:not(:disabled){background-color:var(--color-slate-100)}input,select,textarea{font-family:var(--font-sans);font-size:1rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-slate-300);border-radius:var(--border-radius-md);background-color:white;color:var(--color-slate-900);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-honey-500);box-shadow:0 0 0 3px var(--color-honey-100)}label{display:block;font-weight:500;color:var(--color-slate-700);margin-bottom:var(--space-2)}.card{background-color:white;border:1px solid var(--color-slate-200);border-radius:var(--border-radius-lg);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.card-header{font-size:.875rem;font-weight:500;color:var(--color-slate-600);margin-bottom:var(--space-2)}.priority-urgent{background-color:var(--color-danger-light);color:var(--color-danger)}.priority-soon,.priority-urgent{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.priority-soon{background-color:var(--color-warning-light);color:var(--color-warning)}.priority-this_week{display:inline-block;padding:var(--space-1) var(--space-3);background-color:var(--color-slate-100);color:var(--color-slate-700);border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.container{max-width:768px;margin:0 auto;padding:var(--space-4)}.text-center{text-align:center}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--space-4)}.gap-2{gap:var(--space-2)}.toast-container{position:fixed;bottom:5rem;left:50%;transform:translateX(-50%);z-index:2000;display:flex;flex-direction:column;align-items:center;pointer-events:none}.toast-item{pointer-events:auto;cursor:pointer;max-width:calc(100vw - 2rem)}@keyframes slideIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--color-slate-200) 25%,var(--color-slate-100) 50%,var(--color-slate-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-title{height:1.5rem;width:60%;margin-bottom:var(--space-3)}.skeleton-card{height:8rem;margin-bottom:var(--space-4)}.dialog-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .2s ease-out}.dialog-content{background:white;border-radius:var(--border-radius-lg);padding:var(--space-6);max-width:400px;width:calc(100% - 2rem);margin:var(--space-4);box-shadow:var(--shadow-lg);animation:slideUp .2s ease-out}.card-interactive{transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-interactive:active{transform:translateY(0)}button{transition:all .15s ease}button:active:not(:disabled){transform:scale(.98)}.btn-icon{display:inline-flex;width:2.5rem;height:2.5rem;padding:0}.btn-icon,.fab{align-items:center;justify-content:center;border-radius:50%}.fab{position:fixed;bottom:5rem;right:var(--space-4);width:3.5rem;height:3.5rem;background-color:var(--color-honey-600);color:white;font-size:1.5rem;display:flex;box-shadow:var(--shadow-lg);border:none;cursor:pointer;z-index:100;transition:transform .2s ease,box-shadow .2s ease}.fab:hover{transform:scale(1.05);box-shadow:0 12px 24px -4px rgba(0,0,0,.15)}.fab:active{transform:scale(.95)}.page-enter{animation:fadeIn .2s ease-out}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.03em}.badge-honey{background-color:var(--color-honey-100);color:var(--color-honey-700)}.divider{height:1px;background-color:var(--color-slate-200);margin:var(--space-4) 0}.empty-state{text-align:center;padding:var(--space-8) var(--space-4)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.6}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--color-slate-700);margin-bottom:var(--space-2)}.empty-state-text{color:var(--color-slate-500);font-size:.875rem;margin-bottom:var(--space-6)}.status-dot{width:.5rem;height:.5rem;border-radius:50%;display:inline-block}.status-dot-success{background-color:var(--color-success)}.status-dot-warning{background-color:var(--color-warning)}.status-dot-danger{background-color:var(--color-danger)}.list-item{display:flex;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-slate-100);transition:background-color .15s ease}.list-item:last-child{border-bottom:none}.list-item:hover{background-color:var(--color-slate-50,#fafafa)}input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-honey-600);cursor:pointer}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.progress-bar{height:.25rem;background-color:var(--color-slate-200);border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-honey-500);border-radius:9999px;transition:width .3s ease}