.sidebar{position:fixed;left:0;top:0;height:100vh;width:340px;background:var(--card-background);border-right:2px solid var(--border);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:100;box-shadow:4px 0 16px #0000001a;overflow:hidden}.sidebar.collapsed{width:80px}.sidebar-header{padding:24px 20px;border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:80px;overflow:visible}.sidebar.collapsed .sidebar-header{padding:24px 12px;justify-content:center}.sidebar-brand{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;flex:1;min-width:0;position:relative;padding:8px 32px 8px 8px;border-radius:12px;-webkit-user-select:none;user-select:none;overflow:visible;width:100%}.sidebar-brand:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);transform:scale(1.02)}.sidebar-brand:active{transform:scale(.98)}.sidebar-brand.collapsed{justify-content:center;align-items:center;width:100%;padding:8px}.sidebar-logo{width:48px;height:48px;object-fit:contain;transition:transform .3s ease,filter .4s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));flex-shrink:0}.sidebar-brand:hover .sidebar-logo{transform:rotate(5deg) scale(1.05)}body[data-theme=dragon-dynasty] .sidebar-logo{filter:drop-shadow(0 2px 8px rgba(212,175,55,.3)) brightness(1.15) saturate(1.4) hue-rotate(-15deg) sepia(.3) contrast(1.1)}body[data-theme=neon-nexus] .sidebar-logo{filter:drop-shadow(0 2px 8px rgba(34,211,238,.5)) brightness(1.4) saturate(1.8) hue-rotate(200deg) sepia(.4) contrast(1.3)}body[data-theme=forest-grove] .sidebar-logo{filter:drop-shadow(0 2px 8px rgba(82,183,136,.4)) brightness(1.2) saturate(1.5) hue-rotate(90deg) sepia(.2) contrast(1.15)}body[data-theme=ruby-sea] .sidebar-logo{filter:drop-shadow(0 2px 8px rgba(255,76,90,.4)) brightness(1.2) saturate(1.4) hue-rotate(-20deg) sepia(.25) contrast(1.15)}body[data-theme=dragon-dynasty] .sidebar-brand:hover .sidebar-logo{filter:drop-shadow(0 4px 12px rgba(212,175,55,.5)) brightness(1.25) saturate(1.5) hue-rotate(-15deg) sepia(.3) contrast(1.15)}body[data-theme=neon-nexus] .sidebar-brand:hover .sidebar-logo{filter:drop-shadow(0 4px 12px rgba(34,211,238,.7)) brightness(1.5) saturate(2) hue-rotate(200deg) sepia(.5) contrast(1.35)}body[data-theme=forest-grove] .sidebar-brand:hover .sidebar-logo{filter:drop-shadow(0 4px 12px rgba(82,183,136,.5)) brightness(1.3) saturate(1.6) hue-rotate(90deg) sepia(.2) contrast(1.2)}body[data-theme=ruby-sea] .sidebar-brand:hover .sidebar-logo{filter:drop-shadow(0 4px 12px rgba(255,76,90,.5)) brightness(1.3) saturate(1.5) hue-rotate(-20deg) sepia(.25) contrast(1.2)}.sidebar-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 70%,var(--text)) 50%,var(--accent) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;white-space:nowrap;overflow:visible;text-overflow:clip;transition:opacity .3s ease;flex:0 1 auto;min-width:0;max-width:100%}.sidebar.collapsed .sidebar-title{opacity:0;width:0}.sidebar-toggle-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:color-mix(in srgb,var(--accent) 20%,transparent);border-radius:6px;color:var(--accent);opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;flex-shrink:0;z-index:1}.sidebar-brand:hover .sidebar-toggle-indicator{opacity:1;transform:translateY(-50%) scale(1.1)}.sidebar-toggle-indicator .material-icons{font-size:1rem;line-height:1}.sidebar.collapsed .sidebar-toggle-indicator{right:auto;left:50%;transform:translate(-50%,-50%)}.sidebar.collapsed .sidebar-brand:hover .sidebar-toggle-indicator{transform:translate(-50%,-50%) scale(1.1)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 12px}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.nav-link{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:2px solid transparent;border-radius:12px;color:var(--text);font-family:var(--font-family);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;overflow:hidden}.nav-link:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);transform:translate(4px)}.nav-link.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--card-background)),color-mix(in srgb,var(--accent) 10%,var(--card-background)));border-color:var(--accent);color:var(--accent);font-weight:600;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 20%,transparent)}.nav-link-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;transition:transform .3s ease}.nav-link:hover .nav-link-icon{transform:scale(1.15) rotate(5deg)}.nav-link.active .nav-link-icon{transform:scale(1.2)}.nav-link-icon .material-icons{font-size:1.5rem;line-height:1}.nav-link-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease}.sidebar.collapsed .nav-link-label{opacity:0;width:0}.nav-link-shortcut{font-size:.75rem;opacity:.6;background:color-mix(in srgb,var(--text) 15%,transparent);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;transition:opacity .3s ease}.sidebar.collapsed .nav-link-shortcut{opacity:0;width:0}.nav-link-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--accent);border-radius:0 2px 2px 0;opacity:0;transition:opacity .3s ease}.nav-link.active .nav-link-indicator{opacity:1}.sidebar.collapsed .nav-link{justify-content:center;padding:14px}.sidebar.collapsed .nav-link:hover{transform:scale(1.1)}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border) 50%,transparent);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--border)}.mobile-sidebar-toggle{position:fixed;top:20px;left:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--card-background);border:2px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;transition:all .3s ease;z-index:99;box-shadow:0 4px 12px #00000026}.mobile-sidebar-toggle:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.1)}.mobile-sidebar-toggle .material-icons{font-size:1.5rem}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:340px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:340px}}@media (min-width: 769px){.mobile-sidebar-toggle{display:none}}@media (max-width: 768px){.toast-container{top:20px;right:20px;max-width:calc(100% - 40px)}.toast{padding:14px 18px;font-size:.95rem}}@media (max-width: 480px){.toast-container{top:16px;right:16px;max-width:calc(100% - 32px)}.toast{font-size:.9rem;padding:12px 16px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:20px}.spinner{border:4px solid color-mix(in srgb,var(--border) 20%,transparent);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:24px;height:24px;border-width:3px}.spinner-medium{width:40px;height:40px;border-width:4px}.spinner-large{width:60px;height:60px;border-width:5px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:var(--text);font-size:1rem;opacity:.7;margin:0}:root{--background: #B71C1C;--card-background: #FAFAF5;--text: #4E342E;--accent: #D4AF37;--border: #D4AF37;--gold: #D4AF37;--jade: #2E7D32;--lantern: #FFE082;--font-family: "Noto Serif SC", serif;--transition-speed: .3s;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:linear-gradient(135deg,var(--background) 0%,color-mix(in srgb,var(--background) 98%,var(--accent)) 50%,var(--background) 100%);background-attachment:fixed;color:var(--text);min-height:100vh;padding:24px;transition:background .6s cubic-bezier(.4,0,.2,1),color .6s cubic-bezier(.4,0,.2,1);line-height:1.6;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--accent) 8%,transparent) 0%,transparent 50%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--accent) 6%,transparent) 0%,transparent 50%);pointer-events:none;z-index:0;transition:opacity .6s cubic-bezier(.4,0,.2,1)}body[data-theme=dragon-dynasty]:before{background:radial-gradient(circle at 10% 20%,rgba(212,175,55,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,224,130,.12) 0%,transparent 40%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(212,175,55,.03) 2px,rgba(212,175,55,.03) 4px)}body[data-theme=dragon-dynasty] .card{background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 98%,var(--lantern)) 100%);border:2px solid var(--border);box-shadow:0 4px 20px #00000040,0 0 0 1px color-mix(in srgb,var(--border) 30%,transparent) inset,0 0 20px color-mix(in srgb,var(--lantern) 15%,transparent)}body[data-theme=dragon-dynasty] .card:hover{box-shadow:0 12px 40px #00000059,0 0 0 2px var(--border) inset,0 0 40px color-mix(in srgb,var(--lantern) 30%,transparent),0 0 60px color-mix(in srgb,var(--accent) 20%,transparent);background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 95%,var(--lantern)) 100%)}body[data-theme=dragon-dynasty] .card:before{background:linear-gradient(90deg,var(--accent),var(--lantern),var(--accent));height:3px}body[data-theme=dragon-dynasty] h1{text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px color-mix(in srgb,var(--accent) 40%,transparent)}body[data-theme=dragon-dynasty] .add-button{background:linear-gradient(135deg,var(--accent) 0%,var(--lantern) 100%);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 40%,transparent),0 0 0 1px #fff3 inset,0 0 20px color-mix(in srgb,var(--lantern) 30%,transparent)}body[data-theme=dragon-dynasty] .add-button:hover{box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 60%,transparent),0 0 0 1px #ffffff4d inset,0 0 40px color-mix(in srgb,var(--lantern) 50%,transparent)}.app-layout{display:flex;min-height:100vh;position:relative}.main-content{flex:1;margin-left:340px;padding:24px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:100vh;position:relative;z-index:1}body.sidebar-collapsed .main-content{margin-left:80px}.container{max-width:1400px;margin:0 auto;position:relative;z-index:1}body[data-theme=neon-nexus]{background:linear-gradient(135deg,var(--background) 0%,#0a0f1a 50%,var(--background) 100%)}body[data-theme=neon-nexus]:before{background:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--accent) 12%,transparent) 0%,transparent 50%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 50%)}body[data-theme=neon-nexus] .card{background:#0f172abf;border-color:#1e293b99;box-shadow:0 4px 20px #0000004d,0 0 0 1px #22d3ee1a inset}body[data-theme=neon-nexus] .card:hover{background:#0f172ae6;border-color:#22d3ee66;box-shadow:0 12px 40px #0006,0 0 0 1px #22d3ee33 inset,0 0 40px color-mix(in srgb,var(--accent) 30%,transparent)}body[data-theme=neon-nexus] .card:after{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent)}body[data-theme=neon-nexus] .toast{background:#0f172af2;border-color:#1e293b80;border-left-color:var(--accent)}body[data-theme=forest-grove]{background:linear-gradient(135deg,var(--background) 0%,#2D6A4F 50%,var(--background) 100%)}body[data-theme=forest-grove]:before{background:radial-gradient(circle at 20% 30%,rgba(82,183,136,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(149,213,178,.12) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(116,198,157,.08) 0%,transparent 60%)}body[data-theme=forest-grove] .card{background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 98%,var(--lantern)) 100%);border:2px solid var(--border);box-shadow:0 4px 20px #1b433240,0 0 0 1px color-mix(in srgb,var(--border) 30%,transparent) inset,0 0 20px color-mix(in srgb,var(--accent) 15%,transparent)}body[data-theme=forest-grove] .card:hover{box-shadow:0 12px 40px #1b433259,0 0 0 2px var(--border) inset,0 0 40px color-mix(in srgb,var(--accent) 30%,transparent),0 0 60px color-mix(in srgb,var(--lantern) 20%,transparent);background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 95%,var(--lantern)) 100%)}body[data-theme=forest-grove] .card:before{background:linear-gradient(90deg,var(--accent),var(--lantern),var(--accent));height:3px}body[data-theme=forest-grove] h1{text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px color-mix(in srgb,var(--accent) 40%,transparent)}body[data-theme=forest-grove] .add-button{background:linear-gradient(135deg,var(--accent) 0%,var(--lantern) 100%);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 40%,transparent),0 0 0 1px #fff3 inset,0 0 20px color-mix(in srgb,var(--lantern) 30%,transparent)}body[data-theme=forest-grove] .add-button:hover{box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 60%,transparent),0 0 0 1px #ffffff4d inset,0 0 40px color-mix(in srgb,var(--lantern) 50%,transparent)}body[data-theme=forest-grove] .toast{background:var(--card-background);border-color:var(--border);border-left-color:var(--accent)}body[data-theme=ruby-sea]{background:linear-gradient(135deg,var(--background) 0%,#0e1b2a 50%,var(--background) 100%)}body[data-theme=ruby-sea]:before{background:radial-gradient(circle at 20% 30%,rgba(255,76,90,.12) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(61,165,246,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(98,198,255,.08) 0%,transparent 60%)}body[data-theme=ruby-sea] .card{background:#0e1b2ad9;border:2px solid var(--border);box-shadow:0 4px 20px #0006,0 0 0 1px color-mix(in srgb,var(--border) 30%,transparent) inset,0 0 20px color-mix(in srgb,var(--accent) 20%,transparent)}body[data-theme=ruby-sea] .card:hover{box-shadow:0 12px 40px #00000080,0 0 0 2px var(--accent) inset,0 0 40px color-mix(in srgb,var(--accent) 35%,transparent),0 0 60px color-mix(in srgb,var(--jade) 20%,transparent);background:#0e1b2af2;border-color:var(--accent)}body[data-theme=ruby-sea] .card:before{background:linear-gradient(90deg,var(--accent),var(--jade),var(--accent));height:3px}body[data-theme=ruby-sea] h1{text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 20px color-mix(in srgb,var(--accent) 40%,transparent)}body[data-theme=ruby-sea] .add-button{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,var(--text)) 100%);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 40%,transparent),0 0 0 1px #ffffff1a inset,0 0 20px color-mix(in srgb,var(--accent) 30%,transparent)}body[data-theme=ruby-sea] .add-button:hover{box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 60%,transparent),0 0 0 1px #fff3 inset,0 0 40px color-mix(in srgb,var(--accent) 50%,transparent)}body[data-theme=ruby-sea] .toast{background:#0e1b2af2;border-color:var(--border);border-left-color:var(--accent)}body[data-theme=ruby-sea] .minus-button:not(:disabled){background:linear-gradient(135deg,#8b9aab,#7b8a9b);box-shadow:0 4px 16px color-mix(in srgb,#8B9AAB 35%,transparent),0 0 0 1px #ffffff1a inset}body[data-theme=ruby-sea] .minus-button:hover:not(:disabled){background:linear-gradient(135deg,#7b8a9b,#6b7a8b);box-shadow:0 12px 28px color-mix(in srgb,#8B9AAB 50%,transparent),0 0 0 1px #fff3 inset}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.page{display:none}.page.active{display:block}.page-header-hero{text-align:center;padding:50px 20px;margin-bottom:40px;background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 95%,var(--accent)) 100%);border-radius:24px;border:2px solid var(--border);box-shadow:0 8px 32px #00000026;position:relative;overflow:hidden}.page-header-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite;pointer-events:none}.page-header-hero-content{position:relative;z-index:1}.page-header{font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 70%,var(--text)) 50%,var(--accent) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.page-header-subtitle{font-size:1.1rem;color:color-mix(in srgb,var(--text) 80%,transparent);max-width:600px;margin:0 auto;line-height:1.6}.settings-section{max-width:800px;margin:0 auto}.settings-group{background:var(--card-background);border:2px solid var(--border);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:0 4px 20px #0003}body[data-theme=neon-nexus] .settings-group,body[data-theme=ruby-sea] .settings-group{background:#0e1b2ab3;border-color:color-mix(in srgb,var(--border) 60%,var(--accent));box-shadow:0 4px 20px #0006}.settings-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:2px solid var(--border);padding-bottom:12px}.settings-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0}.categories-list{margin-top:24px;display:flex;flex-direction:column;gap:12px}.category-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#d4af371a;border:1px solid var(--border);border-radius:12px;transition:all .3s ease}.category-item:hover{background:#d4af3726;transform:translate(4px)}.category-item-info{flex:1}.category-item-name{font-weight:600;color:var(--text);margin-bottom:4px}.category-item-id{font-size:.85rem;color:var(--text);opacity:.7;font-family:JetBrains Mono,monospace}.category-item-count{font-size:1.5rem;font-weight:700;color:var(--accent);margin:0 20px}.category-item-delete{padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-family:var(--font-family);transition:all .3s ease}.category-item-delete:hover{background:#9e00001a;border-color:#9e0000;color:#9e0000}.add-category-wrapper{display:flex;flex-direction:column;gap:12px;position:relative;margin-bottom:24px}.add-category-button-inline{width:36px;height:36px;border-radius:8px;border:2px solid var(--border);background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 90%,var(--text)) 100%);color:#fff;font-size:1.5rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.add-category-button-inline:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,transparent)}.add-category-form{display:none;background:var(--card-background);border:1.5px solid var(--border);padding:20px;border-radius:12px;box-shadow:var(--shadow-md);width:100%;gap:12px;flex-direction:column;margin-top:12px}.add-category-form.show{display:flex}.add-category-form input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border) 30%,transparent);background:transparent;color:var(--text)}.add-category-actions{display:flex;gap:8px;justify-content:flex-end}.add-category-submit,.add-category-cancel{padding:8px 12px;border-radius:8px;border:none;cursor:pointer}.add-category-submit{background:var(--accent);color:#fff}.add-category-cancel{background:transparent;border:1px solid color-mix(in srgb,var(--border) 30%,transparent);color:var(--text)}.settings-description{color:color-mix(in srgb,var(--text) 80%,transparent);margin-bottom:24px;line-height:1.6}.notification-permission-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 90%,var(--text)) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:var(--font-family);font-size:.9rem;transition:all .3s ease}.notification-permission-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,transparent)}.notification-permission-button .material-icons{font-size:1.2rem}.reminders-list{margin-top:24px;display:flex;flex-direction:column;gap:12px}.reminder-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:color-mix(in srgb,var(--card-background) 95%,var(--accent));border:1px solid var(--border);border-radius:12px;transition:all .3s ease;flex-wrap:wrap;gap:12px}.reminder-item:hover{background:color-mix(in srgb,var(--card-background) 90%,var(--accent));transform:translate(4px);border-color:var(--accent)}.reminder-item-info{flex:1;min-width:200px}.reminder-item-name{font-weight:600;color:var(--text);margin-bottom:8px;font-size:1.1rem}.reminder-item-time{display:flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--text) 80%,transparent);font-size:.9rem}.reminder-item-time .material-icons{font-size:1rem;color:var(--accent)}.reminder-status{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:8px}.reminder-status.enabled{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.reminder-status.disabled{background:color-mix(in srgb,var(--text) 20%,transparent);color:color-mix(in srgb,var(--text) 60%,transparent)}.reminder-item-actions{display:flex;gap:8px;align-items:center}.reminder-add-button,.reminder-toggle-button,.reminder-edit-button,.reminder-delete-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font-family:var(--font-family);transition:all .3s ease;font-size:.9rem}.reminder-add-button{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 90%,var(--text)) 100%);color:#fff;border:none}.reminder-add-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,transparent)}.reminder-toggle-button:hover,.reminder-edit-button:hover{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent);color:var(--accent)}.reminder-delete-button:hover{background:#9e00001a;border-color:#9e0000;color:#9e0000}.reminder-item-actions .material-icons{font-size:1.2rem}.reminder-edit-form{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}.reminder-time-input{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--card-background);color:var(--text);font-family:var(--font-family);font-size:1rem;cursor:pointer;transition:all .3s ease}.reminder-time-input:hover{border-color:var(--accent)}.reminder-time-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.reminder-edit-actions{display:flex;gap:8px}.reminder-save-button,.reminder-cancel-button{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-family:var(--font-family);font-size:.9rem;transition:all .3s ease}.reminder-save-button{background:var(--accent);color:#fff}.reminder-save-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,transparent)}.reminder-cancel-button{background:transparent;border:1px solid var(--border);color:var(--text)}.reminder-cancel-button:hover{background:color-mix(in srgb,var(--text) 10%,transparent)}@media (max-width: 768px){.reminder-item{flex-direction:column;align-items:stretch}.reminder-item-actions{justify-content:flex-start;flex-wrap:wrap}.reminder-edit-form{flex-direction:column;align-items:stretch}.reminder-edit-actions{width:100%;justify-content:flex-end}}.delete-category-button{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--text);cursor:pointer;font-size:1rem;transition:transform .15s ease,opacity .15s ease;opacity:.85;display:flex;align-items:center;justify-content:center;padding:0}.delete-category-button .material-icons{font-size:1.2rem}.card:hover .delete-category-button{transform:translateY(-2px);opacity:1}.delete-category-button:active{transform:translateY(0)}body[data-theme=dragon-dynasty] .minus-button:not(:disabled){background:linear-gradient(135deg,#8b6f47,#6b5637);box-shadow:0 4px 16px color-mix(in srgb,#8B6F47 35%,transparent),0 0 0 1px #fff3 inset}body[data-theme=dragon-dynasty] .minus-button:hover:not(:disabled){background:linear-gradient(135deg,#6b5637,#5a4830);box-shadow:0 12px 28px color-mix(in srgb,#8B6F47 50%,transparent),0 0 0 1px #ffffff4d inset}body[data-theme=neon-nexus] .minus-button:not(:disabled){background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 16px color-mix(in srgb,#475569 35%,transparent),0 0 0 1px #ffffff1a inset}body[data-theme=neon-nexus] .minus-button:hover:not(:disabled){background:linear-gradient(135deg,#334155,#1e293b);box-shadow:0 12px 28px color-mix(in srgb,#475569 50%,transparent),0 0 0 1px #fff3 inset}body[data-theme=forest-grove] .minus-button:not(:disabled){background:linear-gradient(135deg,#6b9a7a,#5a8a6a);box-shadow:0 4px 16px color-mix(in srgb,#6B9A7A 35%,transparent),0 0 0 1px #fff3 inset}body[data-theme=forest-grove] .minus-button:hover:not(:disabled){background:linear-gradient(135deg,#5a8a6a,#4a7a5a);box-shadow:0 12px 28px color-mix(in srgb,#6B9A7A 50%,transparent),0 0 0 1px #ffffff4d inset}h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 70%,var(--text)) 50%,var(--accent) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.1;color:var(--accent);animation:gradientShift 8s ease infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.theme-toggle-wrapper{display:flex;align-items:center}.theme-toggle{display:flex;background:color-mix(in srgb,var(--card-background) 90%,var(--text));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid var(--border);border-radius:12px;padding:8px;gap:12px;box-shadow:0 4px 16px #0003,0 0 0 1px color-mix(in srgb,var(--border) 30%,transparent) inset;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040,0 0 0 1px color-mix(in srgb,var(--border) 50%,transparent) inset;border-color:color-mix(in srgb,var(--border) 80%,var(--accent))}.theme-option{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border:2px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--card-background) 95%,var(--text));color:var(--text);font-family:var(--font-family);font-size:1rem;font-weight:500;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;opacity:1;flex:1}.theme-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 80%,transparent));opacity:0;transition:opacity .3s ease;z-index:-1}.theme-option:hover{opacity:1;transform:scale(1.05);color:var(--accent);background:color-mix(in srgb,var(--card-background) 85%,var(--accent));border-color:var(--accent)}.theme-option:hover:before{opacity:.15}.theme-option.active{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,var(--text)));color:#fff;opacity:1;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 50%,transparent),0 0 0 2px #fff3 inset;transform:scale(1.02);border-color:var(--accent)}.theme-option.active:before{opacity:0}.theme-option:focus{outline:none}.theme-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-icon{font-size:1.4rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}body[data-theme=neon-nexus] .theme-toggle{background:#0f172acc;border-color:#22d3ee4d}body[data-theme=neon-nexus] .theme-option{background:#0f172a99;color:#fffc;border-color:#22d3ee33}body[data-theme=neon-nexus] .theme-option:hover{color:#fff;background:#0f172ae6;border-color:#22d3ee80}body[data-theme=neon-nexus] .theme-option.active{background:var(--accent);color:#020617;box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 50%,transparent);border-color:var(--accent)}body[data-theme=ruby-sea] .theme-toggle{background:#0e1b2acc;border-color:#ff4c5a4d}body[data-theme=ruby-sea] .theme-option{background:#0e1b2a99;color:#a2aabce6;border-color:#214b7866}body[data-theme=ruby-sea] .theme-option:hover{color:#ff4c5a;background:#0e1b2ae6;border-color:#ff4c5a99}body[data-theme=ruby-sea] .theme-option.active{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,var(--text)) 100%);color:#fff;border-color:var(--accent);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 50%,transparent),0 0 0 2px #fff3 inset}body[data-theme=forest-grove] .theme-toggle{background:color-mix(in srgb,var(--card-background) 90%,var(--text));border-color:var(--border)}body[data-theme=forest-grove] .theme-option{background:color-mix(in srgb,var(--card-background) 95%,var(--text));color:var(--text);border-color:var(--border)}body[data-theme=forest-grove] .theme-option:hover{background:color-mix(in srgb,var(--card-background) 85%,var(--accent));border-color:var(--accent)}body[data-theme=forest-grove] .theme-option.active{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,var(--text)) 100%);color:#fff;border-color:var(--accent);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 50%,transparent),0 0 0 2px #fff3 inset;transform:scale(1.02)}.toast-container{position:fixed;top:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:400px;width:calc(100% - 48px)}.toast{background:var(--card-background);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:16px;padding:16px 20px;font-size:1rem;font-weight:500;color:var(--text);box-shadow:0 8px 32px #0000004d,0 0 0 1px color-mix(in srgb,var(--border) 50%,transparent) inset;pointer-events:auto;animation:slideInRight .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.toast:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 70%,transparent));box-shadow:0 0 8px color-mix(in srgb,var(--accent) 60%,transparent)}.toast:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.toast:hover:after{opacity:1}.toast.dismissing{animation:slideOutRight .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(120%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(120%) scale(.9)}}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.card{background:var(--card-background);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid var(--border);border-radius:24px;padding:32px 28px;text-align:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003,0 0 0 1px color-mix(in srgb,var(--border) 50%,transparent) inset}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,transparent),var(--accent));background-size:200% 100%;opacity:0;transition:opacity .4s ease;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent);opacity:0;transition:opacity .4s ease;pointer-events:none}.card:hover:before{opacity:1}.card:hover:after{opacity:1}.card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 12px 40px #0000004d,0 0 0 1px color-mix(in srgb,var(--border) 70%,transparent) inset,0 0 40px color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--border);background:color-mix(in srgb,var(--card-background) 95%,var(--accent))}.card.pulse{animation:pulse .6s cubic-bezier(.34,1.56,.64,1)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08) rotate(1deg)}to{transform:scale(1)}}.card[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.card[draggable=true]:active{cursor:grabbing}.card.dragging{opacity:.5;transform:scale(.95);cursor:grabbing;z-index:1000;box-shadow:0 20px 60px #0006}.card.drag-over{border-color:var(--accent);border-width:3px;transform:scale(1.05);box-shadow:0 12px 40px #0000004d,0 0 0 3px var(--accent) inset,0 0 40px color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--card-background) 90%,var(--accent))}.card.drag-over:before{opacity:1;height:5px}.card.drag-over:after{opacity:1}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:20px;color:var(--text);letter-spacing:-.01em;opacity:.9}.card-count{font-size:4rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 70%,var(--text)) 50%,var(--accent) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px;transition:all .4s cubic-bezier(.34,1.56,.64,1);line-height:1;letter-spacing:-.03em;color:var(--accent);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:countGradient 6s ease infinite}@keyframes countGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card:hover .card-count{transform:scale(1.15) rotate(2deg);filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--accent) 30%,transparent))}.card-buttons{display:flex;gap:12px;width:100%}.minus-button{background:linear-gradient(135deg,#9e9e9e,#757575);background-size:200% 200%;color:#fff;border:none;border-radius:14px;padding:14px 28px;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-family:var(--font-family);flex:1;box-shadow:0 4px 16px color-mix(in srgb,#9E9E9E 35%,transparent),0 0 0 1px #fff3 inset;position:relative;overflow:hidden;line-height:1;display:flex;align-items:center;justify-content:center}.minus-button:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 12px 28px color-mix(in srgb,#9E9E9E 50%,transparent),0 0 0 1px #ffffff4d inset;background:linear-gradient(135deg,#757575,#616161)}.minus-button:active:not(:disabled){transform:translateY(-2px) scale(.98);box-shadow:0 4px 12px color-mix(in srgb,#9E9E9E 40%,transparent)}.minus-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:none}.add-button{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,var(--text)) 100%);background-size:200% 200%;color:#fff;border:none;border-radius:14px;padding:14px 28px;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-family:var(--font-family);flex:1;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 35%,transparent),0 0 0 1px #fff3 inset;position:relative;overflow:hidden;animation:buttonGradient 4s ease infinite;line-height:1;display:flex;align-items:center;justify-content:center}@keyframes buttonGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.add-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4),transparent);transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1)}.add-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.add-button:hover:before{width:400px;height:400px}.add-button:hover:after{opacity:1}.add-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 50%,transparent),0 0 0 1px #ffffff4d inset,0 0 30px color-mix(in srgb,var(--accent) 40%,transparent)}.add-button:active{transform:translateY(-2px) scale(.98);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,transparent)}@media (max-width: 768px){.main-content{margin-left:0;padding:80px 20px 20px}h1{font-size:2.25rem}.cards-container{grid-template-columns:1fr;gap:20px}.card{padding:28px 24px}.card-count{font-size:3.5rem}.toast-container{top:20px;right:20px;max-width:calc(100% - 40px)}.toast{padding:14px 18px;font-size:.95rem}.theme-option{padding:8px 14px;font-size:.85rem}.theme-icon{font-size:1.1rem}.settings-group{padding:24px}.page-header,.dashboard-header{font-size:2rem}.page-header-hero,.dashboard-header-container{padding:40px 16px}.page-header-subtitle,.dashboard-subtitle{font-size:1rem}}@media (max-width: 480px){body{padding:16px}h1{font-size:1.875rem}.theme-option{width:40px;height:40px}.theme-icon{font-size:1.2rem}.toast-container{top:16px;right:16px;max-width:calc(100% - 32px)}.toast{font-size:.9rem;padding:12px 16px}.theme-toggle{padding:3px;gap:3px}.theme-option{padding:8px 12px;font-size:.8rem;gap:6px}.theme-name{display:none}.theme-icon{font-size:1.3rem}.card{padding:24px 20px;border-radius:20px}.card-count{font-size:3rem}.card-title{font-size:1.1rem}}.dashboard-section{padding:0}.event-log-section{padding:0;max-width:1200px;margin:0 auto}.dashboard-header-container{text-align:center;padding:50px 20px;margin-bottom:40px;background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 95%,var(--accent)) 100%);border-radius:24px;border:2px solid var(--border);box-shadow:0 8px 32px #00000026;position:relative;overflow:hidden}.dashboard-header-container:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite;pointer-events:none}.dashboard-header{font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 70%,var(--text)) 50%,var(--accent) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;text-shadow:2px 2px 4px rgba(0,0,0,.2);position:relative;z-index:1}.dashboard-subtitle{font-size:1.1rem;color:color-mix(in srgb,var(--text) 80%,transparent);font-weight:400;position:relative;z-index:1}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.kpi-card{background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 95%,var(--accent)) 100%);border:2px solid var(--border);border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 16px #00000026,0 0 0 1px color-mix(in srgb,var(--border) 20%,transparent) inset;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;min-width:0;word-wrap:break-word;display:flex;flex-direction:column;align-items:center}.kpi-card-primary{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,var(--text)) 100%);border-color:var(--accent);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 40%,transparent),0 0 0 1px #ffffff1a inset}.kpi-card-primary .kpi-label,.kpi-card-primary .kpi-value{color:#fff}.kpi-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 15%,transparent);border-radius:12px;margin-bottom:12px;color:var(--accent);transition:all .3s ease}.kpi-card-primary .kpi-icon{background:#fff3;color:#fff}.kpi-card:hover .kpi-icon{transform:scale(1.1) rotate(5deg);background:color-mix(in srgb,var(--accent) 25%,transparent)}.kpi-card-primary:hover .kpi-icon{background:#ffffff4d}.kpi-icon .material-icons{font-size:1.75rem}.kpi-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.kpi-card:hover:before{left:100%}.kpi-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #00000040,0 0 0 1px var(--border) inset,0 0 20px color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent)}.kpi-card-primary:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,transparent),0 0 0 1px #fff3 inset}.kpi-label{font-size:.9rem;color:var(--lantern);margin-bottom:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:2.5rem;font-weight:700;color:var(--accent);text-shadow:0 0 10px color-mix(in srgb,var(--accent) 50%,transparent);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;line-height:1.2;overflow:hidden;margin-bottom:8px}.kpi-subtext{font-size:.85rem;color:color-mix(in srgb,var(--text) 60%,transparent);margin-top:4px;font-weight:400}.kpi-trend{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:4px}.trend-indicator{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;padding:4px 8px;border-radius:6px}.trend-indicator.trend-up{color:#4caf50;background:color-mix(in srgb,#4caf50 15%,transparent)}.trend-indicator.trend-down{color:#f44336;background:color-mix(in srgb,#f44336 15%,transparent)}.trend-indicator .material-icons{font-size:1rem}.kpi-value.text-value{font-size:clamp(.9rem,2vw,1.3rem);line-height:1.4;max-height:3.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes kpiUpdate{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.daily-summary{margin-bottom:40px}.summary-card{background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 95%,var(--lantern)) 100%);border:2px solid var(--border);border-radius:20px;padding:28px;box-shadow:0 4px 20px #0003,0 0 0 1px color-mix(in srgb,var(--border) 30%,transparent) inset}.summary-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border)}.summary-title{font-size:1.5rem;color:var(--text);text-align:center;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}.summary-title .material-icons{font-size:1.5rem;color:var(--accent)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.summary-item{display:flex;align-items:center;gap:16px;padding:16px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:12px;border:2px solid color-mix(in srgb,var(--border) 30%,transparent);transition:all .3s ease}.summary-item:hover{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);transform:translate(4px)}.summary-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:color-mix(in srgb,var(--accent) 20%,transparent);border-radius:10px;color:var(--accent);flex-shrink:0}.summary-icon .material-icons{font-size:1.25rem}.summary-content{flex:1;display:flex;flex-direction:column;gap:4px}.summary-label{font-weight:600;color:var(--text)}.summary-value{font-weight:700;color:var(--accent);font-size:1.1rem}.managers-note{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));border:2px solid var(--border);border-radius:12px;padding:20px;margin-top:24px;color:var(--text);line-height:1.6}.managers-note-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--accent)}.managers-note-header .material-icons{font-size:1.25rem}.managers-note strong{color:var(--accent);font-style:normal;font-size:1.1rem}.managers-note p{margin:0;font-size:1rem;opacity:.9}.section-title{font-size:1.75rem;color:var(--accent);margin-bottom:24px;text-align:center;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;gap:12px}.section-title .material-icons{font-size:1.75rem;opacity:.9}.category-kpi-section{margin-bottom:40px}.category-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.category-kpi-card{background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 98%,var(--accent)) 100%);border:2px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a,0 0 0 1px color-mix(in srgb,var(--border) 20%,transparent) inset;transition:all .3s ease;text-align:center}.category-kpi-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026,0 0 0 1px var(--accent) inset;border-color:var(--accent)}.category-kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.category-kpi-name{font-size:.95rem;font-weight:600;color:var(--text);flex:1;text-align:left}.category-kpi-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 15%,transparent);border-radius:8px;color:var(--accent);flex-shrink:0}.category-kpi-icon .material-icons{font-size:1.1rem}.category-kpi-value{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:8px}.category-kpi-today{font-size:.85rem;color:color-mix(in srgb,var(--text) 60%,transparent);font-weight:500}.breakdown-section{margin-bottom:40px}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.breakdown-card{background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 98%,var(--lantern)) 100%);border:2px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 4px 16px #00000026,0 0 0 1px color-mix(in srgb,var(--border) 20%,transparent) inset;transition:all .3s ease}.breakdown-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000040,0 0 0 1px var(--border) inset,0 0 20px color-mix(in srgb,var(--lantern) 20%,transparent)}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.breakdown-name{font-size:1.1rem;font-weight:600;color:var(--text)}.breakdown-percentage{font-size:1rem;color:var(--accent);font-weight:700;background:color-mix(in srgb,var(--accent) 15%,transparent);padding:4px 10px;border-radius:8px}.breakdown-count{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:16px;text-shadow:0 0 8px color-mix(in srgb,var(--accent) 30%,transparent)}.breakdown-bar{height:8px;background:#d4af3733;border-radius:4px;overflow:hidden;position:relative}.breakdown-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--lantern));border-radius:4px;transition:width .6s ease;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 40%,transparent)}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;margin-bottom:40px}.chart-container{background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 98%,var(--lantern)) 100%);border:2px solid var(--border);border-radius:20px;padding:28px;box-shadow:0 4px 20px #0003,0 0 0 1px color-mix(in srgb,var(--border) 30%,transparent) inset;transition:all .3s ease}.chart-container:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000040,0 0 0 1px var(--border) inset}.chart-header{margin-bottom:24px}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:16px;height:300px;padding:20px 0}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-label{font-size:.85rem;color:var(--text);margin-bottom:8px;text-align:center;font-weight:600}.bar-wrapper{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.bar{width:100%;max-width:60px;background:linear-gradient(180deg,var(--accent),var(--lantern));border-radius:8px 8px 0 0;transition:height .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 -4px 12px color-mix(in srgb,var(--accent) 40%,transparent),0 0 0 1px #fff3 inset;animation:barGrow .8s cubic-bezier(.34,1.56,.64,1);position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:4px}@keyframes barGrow{0%{height:0}}.bar-value{font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}.bar:hover .bar-value{opacity:1}.line-chart{padding:20px 0}.line-chart-container{position:relative;height:250px;width:100%}.line-chart-svg{width:100%;height:100%;display:block}.line-chart-labels{position:relative;margin-top:8px;height:20px}.line-chart-label{position:absolute;font-size:.75rem;color:var(--text);opacity:.7;transform:translate(-50%)}.table-section{margin-bottom:40px}.table-wrapper{overflow-x:auto;border-radius:16px;border:2px solid var(--border);box-shadow:0 4px 16px #00000026}.event-table{width:100%;border-collapse:collapse;background:var(--card-background)}.event-table thead{background:linear-gradient(135deg,#4e342e,#5d4037);color:var(--accent)}.event-table th{padding:16px;text-align:left;font-weight:600;border-bottom:2px solid var(--border);position:relative}.event-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.event-table th.sortable:hover{background:#d4af3733}.sort-icon{margin-left:8px;font-size:.8rem;opacity:.6}.event-table tbody tr{border-bottom:1px solid color-mix(in srgb,var(--border) 30%,transparent);transition:background .2s ease}.event-table tbody tr:nth-child(2n){background:#d4af370d}.event-table tbody tr:hover{background:#d4af3726}.event-table td{padding:14px 16px;color:var(--text)}.no-events{text-align:center;padding:40px!important;color:var(--text);opacity:.6;font-style:italic}.event-log-actions{display:flex;justify-content:flex-end;gap:12px;margin-bottom:16px;align-items:center}.event-search-input{flex:1;max-width:300px;padding:10px 14px;border:2px solid var(--border);border-radius:10px;background:var(--card-background);color:var(--text);font-size:1rem;font-family:var(--font-family);transition:all .3s ease}.event-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.event-search-input::placeholder{color:color-mix(in srgb,var(--text) 50%,transparent)}.search-results-info{margin-bottom:12px;padding:8px 12px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;text-align:center}.export-button{padding:10px 14px;border-radius:10px;border:2px solid color-mix(in srgb,var(--border) 60%,transparent);background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,var(--text)) 100%);color:#fff;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 30%,transparent)}.export-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 45%,transparent)}.export-button:active{transform:translateY(-1px) scale(.995)}.export-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}@media (max-width: 768px){.dashboard-header{font-size:2rem}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:16px}.kpi-value{font-size:2rem}.charts-section,.summary-grid,.breakdown-grid{grid-template-columns:1fr}.bar-chart{height:250px}}@media (max-width: 480px){.dashboard-section{margin-top:40px;padding:20px 0}.dashboard-header,.page-header{font-size:1.75rem}.page-header-hero,.dashboard-header-container{padding:32px 16px}.page-header-subtitle,.dashboard-subtitle{font-size:.95rem}.kpi-grid{grid-template-columns:1fr}.kpi-card,.summary-card,.chart-container{padding:20px}.bar-chart{height:200px;gap:8px}.bar{max-width:40px}.event-table{font-size:.9rem}.event-table th,.event-table td{padding:10px 12px}}.custom-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.custom-dialog[aria-hidden=false]{opacity:1;visibility:visible;pointer-events:all}.dialog-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dialog-content{position:relative;background:var(--card-background);border:2px solid var(--border);border-radius:24px;padding:0;max-width:500px;width:90%;max-height:90vh;box-shadow:0 20px 60px #0006,0 0 0 1px color-mix(in srgb,var(--border) 30%,transparent) inset,0 0 40px color-mix(in srgb,var(--accent) 20%,transparent);transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;z-index:1}.custom-dialog[aria-hidden=false] .dialog-content{transform:scale(1) translateY(0)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:2px solid var(--border);background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 95%,var(--accent)) 100%)}.dialog-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:12px}.dialog-title:before{content:"⚠️";font-size:1.75rem}.dialog-close{background:transparent;border:none;color:var(--text);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.dialog-close:hover{opacity:1;background:color-mix(in srgb,var(--accent) 15%,transparent);transform:rotate(90deg)}.dialog-close:active{transform:rotate(90deg) scale(.95)}.dialog-body{padding:28px}.dialog-body p{margin:0;font-size:1.1rem;line-height:1.6;color:var(--text);opacity:.9}.dialog-actions{display:flex;gap:12px;padding:20px 28px;border-top:2px solid var(--border);background:color-mix(in srgb,var(--card-background) 98%,var(--text));justify-content:flex-end}.dialog-button{padding:12px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;border:2px solid transparent;transition:all .3s cubic-bezier(.34,1.56,.64,1);min-width:100px}.dialog-button-cancel{background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff;box-shadow:0 4px 12px #9e9e9e4d}.dialog-button-cancel:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9e9e9e66;background:linear-gradient(135deg,#bdbdbd,#9e9e9e)}.dialog-button-cancel:active{transform:translateY(0) scale(.98)}.dialog-button-confirm{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 4px 16px #f4433666,0 0 0 1px #fff3 inset}.dialog-button-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f4433680,0 0 0 1px #ffffff4d inset;background:linear-gradient(135deg,#ef5350,#f44336)}.dialog-button-confirm:active{transform:translateY(0) scale(.98)}.dialog-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:2px}body[data-theme=dragon-dynasty] .dialog-content{background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 98%,var(--lantern)) 100%);box-shadow:0 20px 60px #0006,0 0 0 1px color-mix(in srgb,var(--border) 30%,transparent) inset,0 0 40px color-mix(in srgb,var(--lantern) 20%,transparent)}body[data-theme=dragon-dynasty] .dialog-header{background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 95%,var(--accent)) 100%)}body[data-theme=neon-nexus] .dialog-content{background:#0f172af2;border-color:#22d3ee4d;box-shadow:0 20px 60px #0009,0 0 0 1px #22d3ee33 inset,0 0 40px color-mix(in srgb,var(--accent) 25%,transparent)}body[data-theme=neon-nexus] .dialog-header{background:#0f172afa;border-bottom-color:#22d3ee33}body[data-theme=neon-nexus] .dialog-actions{background:#0f172afa;border-top-color:#22d3ee33}body[data-theme=forest-grove] .dialog-content{background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 98%,var(--gold)) 100%);box-shadow:0 20px 60px #0000004d,0 0 0 1px color-mix(in srgb,var(--border) 30%,transparent) inset,0 0 40px color-mix(in srgb,var(--gold) 15%,transparent)}body[data-theme=forest-grove] .dialog-header{background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 95%,var(--accent)) 100%)}body[data-theme=ruby-sea] .dialog-content{background:#0e1b2af2;border-color:#ff4c5a4d;box-shadow:0 20px 60px #0009,0 0 0 1px #ff4c5a33 inset,0 0 40px color-mix(in srgb,var(--accent) 25%,transparent)}body[data-theme=ruby-sea] .dialog-header{background:#0e1b2afa;border-bottom-color:#ff4c5a33}body[data-theme=ruby-sea] .dialog-actions{background:#0e1b2afa;border-top-color:#ff4c5a33}@media (max-width: 480px){.dialog-content{width:95%;max-width:none;border-radius:20px}.dialog-header{padding:20px 24px}.dialog-title{font-size:1.25rem}.dialog-body{padding:24px}.dialog-body p{font-size:1rem}.dialog-actions{padding:16px 24px;flex-direction:column-reverse}.dialog-button{width:100%}}.todos-section{padding:0;max-width:1400px;margin:0 auto;width:100%}.add-todo-wrapper{margin-bottom:32px;display:flex;justify-content:center;width:100%}.add-todo-form{display:flex;gap:12px;align-items:stretch;max-width:600px;width:100%;margin:0 auto;background:var(--card-background);padding:20px;border-radius:16px;border:2px solid var(--border);box-shadow:0 4px 16px #0000001a;transition:all .3s ease}.add-todo-form:focus-within{border-color:var(--accent);box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 20%,transparent)}#new-todo-input{flex:1;padding:14px 18px;border:2px solid color-mix(in srgb,var(--border) 50%,transparent);border-radius:12px;background:color-mix(in srgb,var(--card-background) 95%,var(--text));color:var(--text);font-size:1rem;font-family:var(--font-family);transition:all .3s ease}#new-todo-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent);background:var(--card-background)}#new-todo-input::placeholder{color:color-mix(in srgb,var(--text) 50%,transparent)}.add-todo-button{padding:14px;min-width:48px;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,var(--text)) 100%);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}.add-todo-button .material-icons{font-size:1.5rem}.add-todo-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 40%,transparent)}.add-todo-button:active{transform:translateY(0) scale(.98)}.todo-filters{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap;justify-content:center}.todo-filter-button{padding:10px 20px;border:2px solid var(--border);border-radius:10px;background:var(--card-background);color:var(--text);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.todo-filter-button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--card-background) 95%,var(--accent))}.todo-filter-button.active{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,var(--text)) 100%);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}.todos-container{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.todo-column{background:var(--card-background);border:2px solid var(--border);border-radius:16px;padding:20px;min-height:400px;display:flex;flex-direction:column;transition:all .3s ease}.todo-column.drag-over{border-color:var(--accent);background:color-mix(in srgb,var(--card-background) 95%,var(--accent));box-shadow:0 0 20px color-mix(in srgb,var(--accent) 30%,transparent);transform:scale(1.02)}.todo-column-title{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;color:var(--text);margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--border)}.todo-column-title .material-icons{font-size:1.5rem;color:var(--accent)}.todo-count{margin-left:auto;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);padding:4px 12px;border-radius:12px;font-size:.9rem;font-weight:600}.todo-list{flex:1;display:flex;flex-direction:column;gap:12px;min-height:200px;transition:all .3s ease}.todo-list.drag-over{background:color-mix(in srgb,var(--accent) 5%,transparent);border-radius:8px;padding:8px;margin:-8px}.todo-item{background:color-mix(in srgb,var(--card-background) 98%,var(--text));border:2px solid var(--border);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .3s ease;animation:slideIn .3s ease;cursor:grab;-webkit-user-select:none;user-select:none}.todo-item:active{cursor:grabbing}.todo-item.dragging{opacity:.5;transform:rotate(2deg);box-shadow:0 8px 24px #0000004d;cursor:grabbing}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.todo-item:hover{border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 15%,transparent);transform:translateY(-2px)}.todo-item-todo{border-left:4px solid #9E9E9E}.todo-item-in-progress{border-left:4px solid #FF9800}.todo-item-done{border-left:4px solid #4CAF50;opacity:.8}.todo-item-done .todo-text{text-decoration:line-through;opacity:.7}.todo-text{flex:1;color:var(--text);font-size:1rem;line-height:1.5;word-wrap:break-word}.todo-actions{display:flex;gap:6px;flex-shrink:0}.todo-action-button{width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.todo-action-button:hover{opacity:1;background:color-mix(in srgb,var(--accent) 15%,transparent);transform:scale(1.1)}.todo-action-button:active{transform:scale(.95)}.todo-action-todo .material-icons{color:#9e9e9e}.todo-action-in-progress .material-icons{color:#ff9800}.todo-action-done .material-icons{color:#4caf50}.todo-action-delete .material-icons{color:#f44336}.todo-action-delete:hover{background:color-mix(in srgb,#F44336 15%,transparent)}.todo-empty{text-align:center;padding:40px 20px;color:var(--text);opacity:.5;font-style:italic}body[data-theme=dragon-dynasty] .todo-column{background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 98%,var(--lantern)) 100%);box-shadow:0 4px 20px #00000026}body[data-theme=neon-nexus] .todo-column{background:#0f172abf;border-color:#22d3ee33}body[data-theme=neon-nexus] .todo-item{background:#0f172a80;border-color:#22d3ee26}body[data-theme=forest-grove] .todo-column{background:linear-gradient(135deg,var(--card-background) 0%,color-mix(in srgb,var(--card-background) 98%,var(--gold)) 100%)}body[data-theme=ruby-sea] .todo-column{background:#0e1b2ad9;border-color:#ff4c5a33}body[data-theme=ruby-sea] .todo-item{background:#0e1b2a99;border-color:#214b784d}@media (max-width: 1024px){.todos-container{grid-template-columns:1fr}}@media (max-width: 480px){.add-todo-wrapper{margin-bottom:24px}.add-todo-form{flex-direction:row;max-width:100%}.add-todo-button{min-width:48px;width:48px;flex-shrink:0}.todo-filters{gap:6px}.todo-filter-button{padding:8px 16px;font-size:.85rem}.todo-item{flex-direction:column;align-items:flex-start}.todo-actions{width:100%;justify-content:flex-end}}