:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--color-do: #ef4444;--color-schedule: #3b82f6;--color-delegate: #22c55e;--color-delete: #64748b;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-size:14px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.matrix-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.75rem;width:100%;height:100%}@media(max-width:768px){.matrix-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:.75rem}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:radial-gradient(ellipse at 30% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(34,197,94,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.02) 0%,transparent 80%);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.btn{border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px #4f46e54d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.container{max-width:1280px;margin:0 auto;padding:var(--spacing-md);width:100%}.app-container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden;padding:0;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-header{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:30}.app-main{display:flex;flex-direction:column;flex:1;overflow:hidden;padding:0 1rem}@media(max-width:768px){.app-container{height:auto;min-height:100vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom)}.app-main{overflow:visible;height:auto;padding:0 .5rem 2rem}.matrix-grid{height:auto}.matrix-grid>div{padding:1rem!important}.task-card{padding:1rem!important;min-height:48px;margin-bottom:.625rem!important}.quadrant-input{position:sticky;bottom:0;background:var(--bg-primary);padding-top:.5rem;padding-bottom:.25rem;z-index:5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out both}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;gap:1rem;color:var(--text-secondary)}.loading-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4f46e580;background:linear-gradient(135deg,#818cf8,#6366f1)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #4f46e54d;background:linear-gradient(135deg,#4f46e5,#4338ca)}.backdrop-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:40;animation:fadeIn .2s ease-out}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}