.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh}.logo{padding:24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.logo-icon{width:36px;height:36px;border-radius:8px;object-fit:contain}.logo-text{font-size:24px;font-weight:700;color:var(--primary)}.nav-links{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.nav-footer{padding:16px;border-top:1px solid var(--border)}.nav-footer .nav-link{color:var(--text-secondary);text-decoration:none}.nav-footer .nav-link:hover{color:var(--primary);background:var(--surface-secondary)}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-secondary);transition:all .2s}.nav-link:hover{background:var(--surface-secondary);color:var(--text)}.nav-link.active{background:var(--primary);color:#fff}.main-content{flex:1;margin-left:240px;padding:24px;max-width:1200px}@media(max-width:768px){.sidebar{width:100%;height:auto;position:fixed;bottom:0;top:auto;border-right:none;border-top:1px solid var(--border);z-index:100;background:var(--surface)}.logo,.nav-footer{display:none}.nav-links{flex-direction:row;justify-content:space-between;padding:8px;gap:0;overflow-x:hidden}.nav-link{flex-direction:column;align-items:center;gap:3px;padding:6px 4px;font-size:9px;flex:1;min-width:0;border-radius:8px}.nav-link svg{width:20px;height:20px;flex-shrink:0}.nav-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.main-content{margin-left:0;margin-bottom:75px;padding:16px 12px;width:100%;max-width:100%}}.studio-layout .sidebar{background:linear-gradient(180deg,var(--surface) 0%,rgba(99,102,241,.05) 100%)}.studio-layout .logo{flex-direction:column;align-items:flex-start;gap:4px}.studio-layout .logo-icon-svg{color:var(--primary)}.studio-layout .logo-text-group{display:flex;flex-direction:column}.studio-layout .logo-text{font-size:1.1rem;font-weight:600;color:var(--text)}.studio-layout .logo-subtitle{font-size:.7rem;color:var(--primary);text-transform:uppercase;letter-spacing:1px}.studio-layout .nav-link.active{background:var(--primary);color:#fff}.studio-layout .nav-link.active svg{color:#fff}.sidebar-footer{padding:16px;border-top:1px solid var(--border);margin-top:auto}.switch-mode-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#6366f11a;border:1px solid var(--primary);border-radius:10px;color:var(--primary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.switch-mode-btn:hover{background:var(--primary);color:#fff}.switch-mode-btn svg{flex-shrink:0}@media(max-width:768px){.studio-layout .sidebar-footer,.studio-layout .logo{display:none}.studio-layout .nav-links{justify-content:flex-start;padding:8px;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.studio-layout .nav-links::-webkit-scrollbar{display:none}.studio-layout .nav-link{flex:0 0 auto;min-width:52px;padding:8px}.studio-layout .nav-link span{font-size:8px;white-space:nowrap}.studio-layout .mobile-switch-btn{display:flex;background:#6366f126;border:1px solid var(--primary);color:var(--primary)}.studio-layout .mobile-switch-btn:hover,.studio-layout .mobile-switch-btn:active{background:var(--primary);color:#fff}}@media(min-width:769px){.studio-layout .mobile-switch-btn{display:none}}.studio-owner-layout .studio-owner-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--purple));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.studio-owner-layout .exit-studio-btn{background:#ef44441a;border-color:var(--danger);color:var(--danger)}.studio-owner-layout .exit-studio-btn:hover{background:var(--danger);color:#fff}@media(max-width:768px){.studio-owner-layout .sidebar-footer,.studio-owner-layout .logo{display:none}.studio-owner-layout .nav-links{justify-content:flex-start;padding:8px;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.studio-owner-layout .nav-links::-webkit-scrollbar{display:none}.studio-owner-layout .nav-link{flex:0 0 auto;min-width:55px;padding:8px}.studio-owner-layout .nav-link span{font-size:8px;white-space:nowrap}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:var(--bg)}.login-card{background:var(--surface);border-radius:24px;padding:2.5rem 2rem;width:100%;max-width:400px;border:1px solid var(--border);animation:scaleIn .5s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 60px #0003}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-header{text-align:center;margin-bottom:2rem;animation:fadeInDown .5s ease-out .2s both}.login-logo-icon{width:80px;height:80px;margin-bottom:1rem;border-radius:16px;object-fit:contain}.login-logo{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.login-subtitle{color:var(--text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-input{background:var(--bg);border:2px solid var(--border);border-radius:14px;padding:1rem 1.25rem;color:var(--text);font-size:1rem;transition:all .25s ease;animation:fadeInUp .5s ease-out both}.login-input:nth-child(1){animation-delay:.25s}.login-input:nth-child(2){animation-delay:.3s}.login-input:nth-child(3){animation-delay:.35s}.login-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6366f126}.login-input::placeholder{color:var(--text-muted)}.login-button{background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border:none;border-radius:14px;padding:1rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .5s ease-out .4s both;box-shadow:0 6px 20px #6366f159;margin-top:.5rem}.login-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6366f173}.login-button:active{transform:translateY(-1px) scale(.98)}.login-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.login-error{color:var(--danger);text-align:center;font-size:.9rem;padding:.75rem;background:#ef44441a;border-radius:10px;animation:shake .4s ease-out}.login-switch{background:none;border:none;color:var(--primary);cursor:pointer;margin-top:1rem;width:100%;font-size:.95rem;font-weight:500;transition:all .2s ease;animation:fadeIn .5s ease-out .5s both}.login-switch:hover{color:var(--purple);text-decoration:underline}.invite-code-input{font-family:Courier New,monospace;letter-spacing:2px;text-transform:uppercase;text-align:center}@media(max-width:480px){.login-card{padding:2rem 1.5rem;border-radius:20px}.login-logo{font-size:1.75rem}.login-input{padding:.9rem 1rem;border-radius:12px}.login-button{padding:.9rem;border-radius:12px}}.faq-link{display:block;text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.faq-link:hover{color:var(--primary)}.login-type-selector{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--bg);padding:.35rem;border-radius:14px;border:1px solid var(--border)}.login-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:10px;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .25s ease}.login-type-btn:hover{color:var(--text)}.login-type-btn.active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #00000026}.login-type-btn.active svg{color:var(--primary)}.studio-icon{color:var(--primary)}.studio-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.studio-select-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;background:var(--bg);border:2px solid var(--border);border-radius:14px;cursor:pointer;transition:all .25s ease;text-align:left}.studio-select-btn:hover{border-color:var(--primary);background:#6366f10d}.studio-select-btn:disabled{opacity:.5;cursor:not-allowed}.studio-select-btn svg{color:var(--primary);flex-shrink:0}.studio-select-info{display:flex;flex-direction:column;gap:.2rem}.studio-select-name{font-weight:600;color:var(--text);font-size:1rem}.studio-select-role{font-size:.8rem;color:var(--text-secondary)}.faq-page{min-height:100vh;background:var(--bg);color:var(--text)}.faq-header{background:linear-gradient(135deg,var(--primary),var(--purple));padding:2rem;position:relative}.back-btn{position:absolute;top:1.5rem;left:1.5rem;display:flex;align-items:center;gap:8px;background:#ffffff26;border:none;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background .2s}.back-btn:hover{background:#ffffff40}.faq-header-content{text-align:center;padding:2rem 1rem}.faq-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.faq-header p{color:#ffffffd9;font-size:1rem;margin:0}.lang-toggle{position:absolute;top:1.5rem;right:1.5rem;display:flex;gap:4px;background:#ffffff26;padding:4px;border-radius:8px}.lang-toggle button{background:transparent;border:none;color:#ffffffb3;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:500;font-size:.85rem;transition:all .2s}.lang-toggle button.active{background:#fff;color:var(--primary)}.faq-search{max-width:600px;margin:-1.5rem auto 2rem;padding:0 1rem;position:relative;z-index:10}.faq-search input{width:100%;padding:1rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:1rem;box-shadow:0 4px 20px #00000026}.faq-search input::placeholder{color:var(--text-secondary)}.faq-search input:focus{outline:none;border-color:var(--primary)}.faq-content{max-width:800px;margin:0 auto;padding:1rem}.faq-category{margin-bottom:2rem}.category-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem;padding:0 .5rem}.category-header svg{color:var(--primary)}.category-header h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--text)}.questions-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s}.faq-item:hover{border-color:var(--primary)}.faq-item.open{border-color:var(--primary);box-shadow:0 2px 12px #6366f126}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:transparent;border:none;color:var(--text);font-size:.95rem;font-weight:500;text-align:left;cursor:pointer;gap:1rem}.faq-question:hover{background:var(--surface-secondary)}.chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .3s ease}.chevron.rotated{transform:rotate(180deg);color:var(--primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-answer.show{max-height:500px;padding:0 1.25rem 1.25rem}.faq-answer p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:.9rem;padding-top:.5rem;border-top:1px solid var(--border)}.no-results{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.no-results svg{margin-bottom:1rem;opacity:.5}.no-results p{font-size:1.1rem}.faq-footer{text-align:center;padding:3rem 1rem;background:var(--surface);border-top:1px solid var(--border);margin-top:2rem}.faq-footer p{color:var(--text-secondary);margin:0 0 1rem}.contact-btn{display:inline-block;background:var(--primary);color:#fff;padding:12px 24px;border-radius:10px;text-decoration:none;font-weight:500;transition:all .2s}.contact-btn:hover{background:var(--purple);transform:translateY(-2px)}@media(max-width:640px){.faq-header{padding:1.5rem 1rem}.back-btn{position:static;margin-bottom:1rem}.lang-toggle{position:static;justify-content:center;margin-top:1rem}.faq-header-content{padding:1rem 0}.faq-header h1{font-size:1.5rem}.faq-search{margin-top:1rem}.faq-question{font-size:.9rem;padding:.875rem 1rem}.faq-answer.show{padding:0 1rem 1rem}}.home{max-width:800px;padding-bottom:100px;animation:fadeIn .4s ease-out}.greeting-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;animation:fadeInDown .5s ease-out}.greeting-text{display:flex;flex-direction:column;gap:.25rem}.greeting-hello{font-size:1.5rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.4rem}.greeting-sparkle{color:var(--warning);animation:sparkleFloat 2s ease-in-out infinite}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(10deg)}}.greeting-message{font-size:.95rem;color:var(--text-secondary);animation:fadeIn .8s ease-out .3s both}.greeting-actions{display:flex;align-items:center;gap:.5rem}.client-mode-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface);border:2px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .25s ease}.client-mode-btn:hover{border-color:var(--primary);color:var(--primary)}.client-mode-btn.active{background:var(--warning);border-color:var(--warning);color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b00}}.achievements-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;color:#1a1a1a;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #ffd7004d}.achievements-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #ffd70080}.achievements-badge{position:absolute;top:-4px;right:-4px;background:var(--primary);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.add-task-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #6366f14d}.add-task-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.add-task-btn:active{transform:scale(.96)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem;display:flex;align-items:center;gap:.85rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .5s ease-out both;cursor:pointer}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.stat-card.highlight{border-color:#22c55e4d;background:linear-gradient(135deg,var(--surface),rgba(34,197,94,.05))}.stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-icon svg{width:18px;height:18px}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text);line-height:1.2}.stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.achievements-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;margin-bottom:1rem;animation:fadeInUp .5s ease-out .2s both;cursor:pointer;transition:all .3s ease}.achievements-section:hover{border-color:#ffd70066;box-shadow:0 4px 20px #ffd7001a}.achievements-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.achievements-section .section-title svg{color:gold}.achievements-count{font-size:.85rem;color:var(--text-secondary);font-weight:600}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.achievement-badge{position:relative;background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:.75rem .5rem;text-align:center;overflow:hidden;transition:all .25s ease}.achievement-badge:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.achievement-badge.level-bronze{border-color:#cd7f32;background:linear-gradient(135deg,var(--bg),rgba(205,127,50,.1))}.achievement-badge.level-silver{border-color:silver;background:linear-gradient(135deg,var(--bg),rgba(192,192,192,.15))}.achievement-badge.level-gold{border-color:gold;background:linear-gradient(135deg,var(--bg),rgba(255,215,0,.15))}.achievement-badge.level-platinum{border-color:#e5e4e2;background:linear-gradient(135deg,var(--bg),rgba(229,228,226,.2))}.achievement-badge.level-diamond{border-color:#b9f2ff;background:linear-gradient(135deg,var(--bg),rgba(185,242,255,.2))}.achievement-badge.level-leather{border-color:#1a1a1a;background:linear-gradient(135deg,#1a1a1a,#333);color:#fff}.achievement-badge.level-leather .achievement-name{color:#fff}.achievement-icon{display:block;font-size:1.5rem;margin-bottom:.25rem}.achievement-name{font-size:.65rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.2;display:block}.achievement-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--purple));border-radius:0 0 0 10px;transition:width .5s ease}.achievements-hint{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-top:.85rem;font-size:.75rem;color:var(--text-muted);transition:color .2s}.achievements-section:hover .achievements-hint{color:var(--primary)}.events-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;animation:fadeInUp .5s ease-out .25s both;transition:all .3s ease}.events-section:hover{border-color:#6366f14d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title{font-size:1rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.5rem}.section-title svg{color:var(--primary)}.events-list{display:flex;flex-direction:column;gap:.6rem}.event-item{display:flex;align-items:center;gap:.75rem;padding:.85rem;background:var(--bg);border-radius:12px;transition:all .25s ease;cursor:pointer;border-left:3px solid transparent;animation:fadeInUp .4s ease-out both}.event-item:nth-child(1){animation-delay:.05s}.event-item:nth-child(2){animation-delay:.1s}.event-item:nth-child(3){animation-delay:.15s}.event-item:nth-child(4){animation-delay:.2s}.event-item:nth-child(5){animation-delay:.25s}.event-item:hover{background:var(--surface-secondary);transform:translate(4px)}.event-item.event-session{border-left-color:var(--primary)}.event-item.event-sketch{border-left-color:var(--purple)}.event-item.event-task{border-left-color:var(--success)}.event-item.event-inventory{border-left-color:var(--warning)}.event-item.priority-critical{border-left-color:var(--danger);background:#ef444414}.event-item.priority-warning{border-left-color:var(--warning);background:#f59e0b14}.event-item.priority-high{border-left-color:var(--danger)}.event-icon{width:36px;height:36px;border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.event-session .event-icon{color:var(--primary);background:#6366f126}.event-sketch .event-icon{color:var(--purple);background:#8b5cf626}.event-task .event-icon{color:var(--success);background:#22c55e26}.event-inventory .event-icon{color:var(--warning);background:#f59e0b26}.event-content{flex:1;min-width:0}.event-title{font-weight:600;color:var(--text);font-size:.95rem;margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-description{font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-meta{display:flex;align-items:center;gap:.5rem}.event-type-badge{font-size:.65rem;padding:.15rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.event-date{font-size:.75rem;color:var(--text-secondary);font-weight:500}.event-date.critical{color:var(--danger);font-weight:700}.complete-task-btn{background:transparent;border:2px solid var(--border);border-radius:50%;padding:.4rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex}.complete-task-btn:hover{border-color:var(--success);color:var(--success);background:#22c55e1a}.event-arrow{color:var(--text-muted);transition:transform .2s ease}.event-item:hover .event-arrow{transform:translate(3px);color:var(--primary)}.empty-events{text-align:center;padding:2.5rem 1rem;color:var(--text-muted)}.empty-events svg{margin-bottom:.75rem;opacity:.4;color:var(--primary)}.empty-events p{font-size:.95rem}.task-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.5rem;width:100%;max-width:420px;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 60px #0000004d}.task-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.task-modal .modal-header h2{font-size:1.2rem;color:var(--text)}.task-modal .close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;transition:color .2s}.task-modal .close-btn:hover{color:var(--text)}.task-modal form{display:flex;flex-direction:column;gap:.85rem}.task-modal input[type=text],.task-modal textarea{width:100%;background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:.85rem 1rem;color:var(--text);font-size:1rem;transition:all .2s ease}.task-modal input[type=text]:focus,.task-modal textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.task-modal textarea{resize:vertical;min-height:80px}.task-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.option-group{display:flex;flex-direction:column;gap:.35rem}.option-group label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.option-group input,.option-group select{background:var(--bg);border:2px solid var(--border);border-radius:10px;padding:.65rem;color:var(--text);font-size:.9rem}.btn-cancel:hover{border-color:var(--text-muted)}.btn-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;background:linear-gradient(135deg,var(--primary),var(--purple));border:none;border-radius:12px;padding:.85rem;color:#fff;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #6366f14d}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.25rem;animation:fadeIn .2s ease-out}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary)}@media(max-width:600px){.home{padding-bottom:100px}.greeting-section{flex-direction:column;gap:1rem;align-items:stretch}.greeting-hello{font-size:1.3rem}.greeting-message{font-size:.9rem}.add-task-btn{align-self:flex-start}.stats-grid{gap:.5rem}.stat-card{padding:.65rem;border-radius:10px}.stat-icon{width:28px;height:28px;border-radius:8px}.stat-icon svg{width:14px;height:14px}.stat-value{font-size:1rem}.stat-label{font-size:.55rem}.events-section{padding:1rem;border-radius:14px}.event-item{padding:.75rem;border-radius:10px}.event-icon{width:32px;height:32px}.event-title{font-size:.9rem}.task-modal{padding:1.25rem;border-radius:16px}.task-options{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.monthly-income-section{background:var(--surface);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem}.monthly-table{display:flex;flex-direction:column;gap:8px;margin-top:1rem}.monthly-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--surface-secondary);border-radius:10px;transition:all .2s}.monthly-row:hover{background:var(--bg)}.month-name{color:var(--text-secondary);font-size:.9rem}.month-amount{font-weight:600;color:var(--success);font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1.5rem}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media(max-width:500px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}.stat-card{padding:.6rem;gap:.5rem;border-radius:10px}.stat-icon{width:28px;height:28px;border-radius:8px}.stat-icon svg{width:14px;height:14px}.stat-value{font-size:.95rem}.stat-label{font-size:.5rem}}.debtors-section{background:var(--surface);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem;border-left:4px solid var(--danger)}.section-title.danger{color:var(--danger)}.section-title.danger svg{color:var(--danger)}.total-debt{margin-left:auto;font-size:1.1rem;background:var(--danger);color:#fff;padding:4px 12px;border-radius:20px}.debtors-list{display:flex;flex-direction:column;gap:8px;margin-top:1rem}.debtor-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface-secondary);border-radius:10px;cursor:pointer;transition:all .2s}.debtor-card:hover{background:#ef44441a;transform:translate(4px)}.debtor-info{display:flex;flex-direction:column;gap:2px}.debtor-name{font-weight:500;color:var(--text)}.debtor-project{font-size:.85rem;color:var(--text-secondary)}.debtor-amount{font-weight:700;color:var(--danger);font-size:1rem}.achievements-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.25rem;width:100%;max-width:380px;max-height:80vh;overflow-y:auto;animation:slideIn .3s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 60px #0006}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.achievements-modal .modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.achievements-modal .modal-header h2{display:flex;align-items:center;gap:.5rem;color:var(--text);font-size:1.1rem;margin:0;flex:1}.achievements-modal .modal-header h2 svg{color:gold}.achievements-count-modal{background:var(--primary);color:#fff;padding:.25rem .6rem;border-radius:10px;font-size:.8rem;font-weight:600}.achievements-modal .close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;transition:color .2s}.achievements-modal .close-btn:hover{color:var(--text)}.achievements-modal-grid{display:flex;flex-direction:column;gap:.5rem}.achievement-modal-item{display:flex;align-items:center;gap:.75rem;background:var(--bg);border-radius:12px;padding:.75rem;position:relative;overflow:hidden}.achievement-modal-icon{font-size:1.5rem;z-index:1}.achievement-modal-info{flex:1;display:flex;flex-direction:column;gap:2px;z-index:1}.achievement-modal-name{font-weight:600;color:var(--text);font-size:.85rem}.achievement-modal-value{font-size:.75rem;color:var(--text-secondary)}.achievement-modal-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--purple));transition:width .5s ease}.achievement-modal-item.level-bronze .achievement-modal-progress{background:linear-gradient(90deg,#cd7f32,#b8860b)}.achievement-modal-item.level-silver .achievement-modal-progress{background:linear-gradient(90deg,silver,#a9a9a9)}.achievement-modal-item.level-gold .achievement-modal-progress{background:linear-gradient(90deg,gold,orange)}.view-all-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1rem;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{border-color:var(--primary);color:var(--primary)}@media(max-width:500px){.achievements-btn{width:36px;height:36px}.achievements-badge{min-width:16px;height:16px;font-size:.6rem}.achievements-modal{max-width:calc(100vw - 2rem);max-height:70vh;margin:1rem;padding:1rem}.achievements-modal .modal-header h2{font-size:1rem}.achievement-modal-item{padding:.6rem}.achievement-modal-icon{font-size:1.25rem}.achievement-modal-name{font-size:.8rem}}.clients-page{max-width:800px;padding-bottom:100px;animation:fadeIn .4s ease-out}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;animation:fadeInDown .5s ease-out}.page-title{font-size:1.5rem;font-weight:700;color:var(--text)}.add-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border:none;border-radius:12px;padding:.75rem 1.25rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #6366f14d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.add-btn:active{transform:translateY(0) scale(.98)}.search-box{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:.85rem 1rem;margin-bottom:1.25rem;transition:all .25s ease;animation:fadeInUp .5s ease-out .1s both}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.search-box input{flex:1;background:none;border:none;color:var(--text);font-size:1rem;outline:none}.search-box input::placeholder{color:var(--text-muted)}.search-box svg{color:var(--text-muted);transition:color .2s}.search-box:focus-within svg{color:var(--primary)}.clients-list{display:flex;flex-direction:column;gap:.75rem}.client-card{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .5s ease-out both;cursor:pointer}.client-card:nth-child(1){animation-delay:.05s}.client-card:nth-child(2){animation-delay:.1s}.client-card:nth-child(3){animation-delay:.15s}.client-card:nth-child(4){animation-delay:.2s}.client-card:nth-child(5){animation-delay:.25s}.client-card:hover{border-color:var(--primary);transform:translate(4px);box-shadow:0 4px 20px #0000001a}.client-avatar{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--purple));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.client-info{flex:1;min-width:0}.client-name{font-weight:600;color:var(--text);margin-bottom:.25rem;font-size:1rem}.client-phone{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.85rem}.client-projects{color:var(--text-muted);font-size:.8rem;margin-top:.2rem}.empty{text-align:center;color:var(--text-muted);padding:3rem;font-size:.95rem;animation:fadeIn .5s ease-out}.loading{text-align:center;color:var(--text-secondary);padding:3rem}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.25rem;animation:fadeIn .2s ease-out}.modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.5rem;width:100%;max-width:420px;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 60px #0000004d}.modal h2{margin-bottom:1.25rem;color:var(--text);font-size:1.25rem;text-align:center}.modal input,.modal textarea{width:100%;background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:.85rem 1rem;color:var(--text);margin-bottom:.75rem;font-size:1rem;transition:all .2s ease}.modal input:focus,.modal textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.modal input::placeholder,.modal textarea::placeholder{color:var(--text-muted)}.modal textarea{min-height:100px;resize:vertical}.modal-buttons{display:flex;gap:.75rem;margin-top:.5rem}.btn-cancel{flex:1;background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:.85rem;color:var(--text);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{border-color:var(--text-muted);background:var(--surface-secondary)}.btn-submit{flex:1;background:linear-gradient(135deg,var(--primary),var(--purple));border:none;border-radius:12px;padding:.85rem;color:#fff;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #6366f14d}@media(max-width:600px){.clients-page{padding-bottom:100px}.page-header{margin-bottom:1rem}.page-title{font-size:1.3rem}.add-btn{padding:.65rem 1rem;font-size:.9rem;border-radius:10px}.search-box{padding:.75rem;border-radius:12px;margin-bottom:1rem}.clients-list{gap:.6rem}.client-card{padding:.85rem;border-radius:14px}.client-avatar{width:44px;height:44px;border-radius:12px}.client-name{font-size:.95rem}.client-phone{font-size:.8rem}.modal{padding:1.25rem;border-radius:16px}.modal h2{font-size:1.15rem}}.client-detail{max-width:600px}.back-btn,.delete-btn{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer;color:var(--text)}.delete-btn{color:var(--danger)}.section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px}.info-row{display:flex;align-items:center;gap:12px;color:var(--text);margin-bottom:12px}.info-row svg{color:var(--primary)}.notes{color:var(--text-secondary);margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.projects-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.section-header h2{font-size:18px;font-weight:600;color:var(--text)}.section-header .add-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:8px;cursor:pointer}.projects-list{display:flex;flex-direction:column;gap:12px}.project-card{display:flex;justify-content:space-between;align-items:center;background:var(--surface-secondary);border-radius:8px;padding:16px}.project-card:hover{background:var(--border)}.project-title{font-weight:500;color:var(--text)}.stage-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}.empty{color:var(--text-muted);text-align:center;padding:24px}.header-actions{display:flex;gap:8px}.edit-btn,.save-btn,.cancel-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:none;cursor:pointer;transition:all .2s}.edit-btn{background:var(--surface-secondary);color:var(--text-secondary)}.edit-btn:hover{background:var(--primary);color:#fff}.save-btn{background:var(--success);color:#fff}.save-btn:hover{filter:brightness(1.1)}.cancel-btn{background:var(--surface-secondary);color:var(--text-secondary)}.cancel-btn:hover{background:var(--danger);color:#fff}.edit-name-input{font-size:1.5rem;font-weight:600;background:var(--surface);border:2px solid var(--primary);border-radius:8px;padding:8px 12px;color:var(--text);flex:1;margin:0 12px}.edit-form{display:flex;flex-direction:column;gap:12px}.form-row{display:flex;align-items:center;gap:12px}.form-row svg{color:var(--text-secondary);flex-shrink:0}.form-row input{flex:1;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem}.form-row input:focus{outline:none;border-color:var(--primary)}.edit-form textarea{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem;min-height:80px;resize:vertical}.edit-form textarea:focus{outline:none;border-color:var(--primary)}.debt-row{position:relative}.debt-row input{padding-right:40px}.currency-hint{position:absolute;right:12px;color:var(--text-secondary)}.debt-info{color:var(--danger)!important;font-weight:500}.debt-info svg{color:var(--danger)}.projects-page{max-width:900px;padding-bottom:100px;animation:fadeIn .4s ease-out}.projects-tabs{display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.projects-tabs::-webkit-scrollbar{display:none}.projects-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--surface);border:2px solid var(--border);border-radius:12px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease;white-space:nowrap;flex-shrink:0}.projects-tab:hover{border-color:var(--primary);color:var(--text)}.projects-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.projects-tab.studio-tab{background:#8b5cf61a;border-color:#8b5cf64d}.projects-tab.studio-tab.active{background:var(--purple);border-color:var(--purple);color:#fff}.projects-tab svg{flex-shrink:0}.tab-count{background:#fff3;padding:.15rem .5rem;border-radius:8px;font-size:.75rem}.projects-tab.active .tab-count{background:#ffffff4d}.projects-page .filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;animation:fadeInDown .5s ease-out}.projects-page .filter-btn{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:.6rem 1rem;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.projects-page .filter-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.projects-page .filter-btn.active{background:linear-gradient(135deg,var(--primary),var(--purple));border-color:transparent;color:#fff;box-shadow:0 4px 15px #6366f14d}.projects-page .projects-grid{display:flex;flex-direction:column;gap:.5rem}.projects-page .project-card{display:flex;flex-direction:row!important;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem;transition:all .2s ease;animation:fadeInUp .3s ease-out both;cursor:pointer;position:relative}.projects-page .project-card:nth-child(1){animation-delay:.02s}.projects-page .project-card:nth-child(2){animation-delay:.04s}.projects-page .project-card:nth-child(3){animation-delay:.06s}.projects-page .project-card:nth-child(4){animation-delay:.08s}.projects-page .project-card:nth-child(5){animation-delay:.1s}.projects-page .project-card:nth-child(6){animation-delay:.12s}.projects-page .project-card:hover{border-color:var(--primary);background:var(--surface-secondary)}.projects-page .project-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.projects-page .project-info{flex:1;min-width:0}.projects-page .project-title{font-weight:600;color:var(--text);margin-bottom:.25rem;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-page .project-stage{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem}.projects-page .project-client{font-size:.85rem;color:var(--text-secondary);margin-top:2px}.projects-page .project-meta{display:flex;align-items:center;gap:10px;margin-top:2px}.projects-page .project-next-session{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--primary);background:#6366f11a;padding:2px 8px;border-radius:8px;font-weight:500}.sort-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sort-label{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.85rem}.sort-btn{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.sort-btn:hover{border-color:var(--primary);color:var(--primary)}.sort-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.sort-arrow{font-size:.7rem;font-weight:600;margin-left:2px}.projects-page .empty{text-align:center;color:var(--text-muted);padding:3rem;font-size:.95rem;animation:fadeIn .5s ease-out;grid-column:1 / -1}.projects-page .loading{text-align:center;color:var(--text-secondary);padding:3rem;grid-column:1 / -1}@media(max-width:600px){.projects-page{padding-bottom:100px}.projects-page .filters{margin-bottom:.75rem;gap:.35rem;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.projects-page .filter-btn{padding:.45rem .7rem;font-size:.75rem;border-radius:8px;flex-shrink:0}.sort-bar{gap:6px;margin-bottom:12px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.sort-label{font-size:.75rem;flex-shrink:0}.sort-btn{padding:5px 8px;font-size:.7rem;flex-shrink:0}.projects-page .projects-grid{gap:.4rem}.projects-page .project-card{padding:.75rem;border-radius:10px}.projects-page .project-icon{width:36px;height:36px;border-radius:8px}.projects-page .project-icon svg{width:18px;height:18px}.projects-page .project-title{font-size:.9rem}.projects-page .project-stage{font-size:.75rem}.projects-page .studio-badge{font-size:.6rem;padding:3px 6px;top:6px;right:6px}}.projects-page .project-card.studio-project{border-left:4px solid var(--primary);background:linear-gradient(90deg,rgba(99,102,241,.08) 0%,transparent 100%)}.projects-page .studio-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;font-size:.7rem;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.project-new{padding:1rem;max-width:600px;margin:0 auto}.detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.detail-header h1{flex:1;font-size:1.5rem;color:var(--text)}.back-btn{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.back-btn:hover{background:var(--border);color:var(--text)}.client-info{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:var(--text-secondary)}.client-info strong{color:var(--primary)}.project-type-selector{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.selector-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.type-options{display:flex;gap:.5rem;flex-wrap:wrap}.type-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg);border:2px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease}.type-btn:hover{border-color:var(--primary);color:var(--text)}.type-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.type-btn.studio{background:#8b5cf61a;border-color:#8b5cf64d}.type-btn.studio.active{background:var(--purple);border-color:var(--purple);color:#fff}.project-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.form-group input,.form-group textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;font-size:1rem;color:var(--text);transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.submit-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.submit-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.price-range-group{margin-top:.5rem}.price-range-inputs{display:flex;align-items:center;gap:.75rem}.price-range-inputs input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;font-size:1rem;color:var(--text);transition:border-color .2s}.price-range-inputs input:focus{outline:none;border-color:var(--primary)}.price-range-inputs input::placeholder{color:var(--text-secondary);opacity:.6}.price-separator{color:var(--text-secondary);font-weight:500}.project-detail{max-width:700px}.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.detail-header h1{flex:1;font-size:24px;font-weight:700;color:var(--text)}.back-btn{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer;color:var(--text)}.stage-badge{padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;color:#fff;border:none}.finance-summary{display:flex;gap:16px;margin-bottom:24px}.finance-box{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}.finance-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.finance-value{font-size:20px;font-weight:700;color:var(--primary)}.finance-value.success{color:var(--success)}.finance-value.warning{color:var(--warning)}.finance-value.discount{color:var(--danger)}.finance-box.clickable{cursor:pointer;transition:all .2s}.finance-box.clickable:hover{border-color:var(--primary)}.discount-hint{color:var(--text-secondary);font-size:14px;margin-top:8px}.tabs{display:flex;gap:8px;margin-bottom:24px}.tab{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px;color:var(--text-secondary);font-weight:600;cursor:pointer}.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.tab-content .section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2{margin-bottom:0}.section h2{font-size:17px;font-weight:600;color:var(--text);margin-bottom:12px}.add-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #6366f14d}.add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.sessions-list,.prepayments-list,.variants-list{display:flex;flex-direction:column;gap:10px}.project-detail .session-card,.tab-content .session-card{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;background:var(--surface-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;gap:12px;transition:all .2s}.project-detail .session-card:hover,.tab-content .session-card:hover{border-color:var(--primary);background:var(--surface)}.project-detail .session-main,.tab-content .session-main{flex:1;cursor:pointer}.project-detail .session-main:hover,.tab-content .session-main:hover{opacity:.9}.project-detail .session-info,.tab-content .session-info{display:flex;align-items:center;margin-bottom:8px}.project-detail .session-date,.tab-content .session-date{display:flex;align-items:center;gap:8px;color:var(--text);font-size:15px;font-weight:500}.project-detail .session-date svg,.tab-content .session-date svg{color:var(--text-secondary)}.project-detail .session-meta,.tab-content .session-meta{display:flex;gap:12px;font-size:13px;flex-wrap:wrap;align-items:center}.project-detail .session-status,.tab-content .session-status{font-weight:600;text-transform:uppercase;font-size:12px}.project-detail .session-duration,.tab-content .session-duration{background:#6366f133;color:var(--primary);padding:3px 10px;border-radius:12px;font-weight:600;font-size:12px}.project-detail .session-paid,.tab-content .session-paid{color:var(--success);font-weight:500}.project-detail .session-right,.tab-content .session-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.project-detail .session-price,.tab-content .session-price{font-weight:700;color:var(--primary);font-size:18px}.project-detail .session-actions,.tab-content .session-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important}.project-detail .edit-btn,.tab-content .edit-btn{background:#6366f11a;border:none;color:var(--primary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.project-detail .edit-btn:hover,.tab-content .edit-btn:hover{background:#6366f133}.project-detail .delete-btn,.tab-content .delete-btn{background:#ef44441a;border:none;color:var(--danger);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.project-detail .delete-btn:hover,.tab-content .delete-btn:hover{background:#ef444433}.prepayment-card{display:flex;align-items:center;gap:12px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:12px;padding:14px 16px;transition:all .2s}.prepayment-card:hover{border-color:var(--success)}.prepayment-card svg{color:var(--success);flex-shrink:0}.prepayment-amount{font-weight:700;color:var(--success);font-size:17px}.prepayment-date{color:var(--text-secondary);font-size:14px;margin-left:8px}.prepayment-notes{flex:1;color:var(--text-muted);font-size:12px}.variant-card{background:var(--surface-secondary);border-radius:8px;padding:12px}.revisions{margin-top:8px;padding:8px;background:#f59e0b1a;border-radius:6px;color:var(--warning);font-size:14px}.idea-text{color:var(--text-secondary);line-height:1.6}.empty{color:var(--text-muted);text-align:center;padding:20px}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--surface);border-radius:16px;padding:24px;width:100%;max-width:400px}.modal.modal-wide{max-width:500px}.modal h2{margin-bottom:20px;color:var(--text)}.modal label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px;margin-top:8px}.modal input,.modal textarea,.modal select{width:100%;background:var(--surface-secondary);border:1px solid var(--border);border-radius:8px;padding:12px;color:var(--text);margin-bottom:8px;font-size:16px}.modal input:focus,.modal textarea:focus,.modal select:focus{outline:none;border-color:var(--primary)}.modal textarea{min-height:80px;resize:vertical}.modal select{cursor:pointer}.modal-buttons{display:flex;gap:12px;margin-top:16px}.btn-cancel{flex:1;background:var(--surface-secondary);border:none;border-radius:8px;padding:12px;color:var(--text);font-weight:600;cursor:pointer}.btn-submit{flex:1;background:var(--primary);border:none;border-radius:8px;padding:12px;color:#fff;font-weight:600;cursor:pointer}.loading{color:var(--text-secondary);text-align:center;padding:48px}.stage-options{display:flex;flex-direction:column;gap:8px}.stage-option{padding:12px 16px;border:2px solid var(--border);border-radius:8px;background:var(--surface-secondary);color:var(--text);font-weight:600;cursor:pointer;text-align:left;transition:all .2s}.stage-option:hover{border-color:var(--stage-color)}.stage-option.active{border-color:var(--stage-color);background:var(--stage-color);color:#fff}.section-actions{display:flex;gap:8px}.voice-btn{background:var(--surface-secondary);border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer;color:var(--text);transition:all .2s}.voice-btn:hover{border-color:var(--primary);color:var(--primary)}.voice-btn.recording{background:var(--danger);border-color:var(--danger);color:#fff;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.idea-edit{display:flex;flex-direction:column;gap:12px}.idea-edit textarea{width:100%;background:var(--surface-secondary);border:1px solid var(--border);border-radius:8px;padding:12px;color:var(--text);font-size:14px;resize:vertical;min-height:100px}.idea-edit textarea:focus{outline:none;border-color:var(--primary)}.idea-deadline{display:flex;align-items:center;gap:12px}.idea-deadline label{color:var(--text-secondary);font-size:14px}.idea-deadline input{background:var(--surface-secondary);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text)}.idea-buttons{display:flex;gap:12px}.idea-buttons button{flex:1;padding:10px;border-radius:8px;font-weight:600;cursor:pointer;border:none}.idea-text{color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.idea-deadline-text{display:flex;align-items:center;gap:6px;color:var(--warning);font-size:14px;margin-top:12px}.voice-player{margin-top:12px}.voice-player audio{width:100%;height:40px}.variant-card{background:var(--surface-secondary);border-radius:12px;padding:16px}.variant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.variant-title{font-weight:600;color:var(--text)}.variant-status{font-size:12px;padding:4px 8px;border-radius:12px}.variant-status.in_progress{background:#f59e0b33;color:var(--warning)}.variant-status.completed{background:#22c55e33;color:var(--success)}.variant-image{margin-bottom:12px;border-radius:8px;overflow:hidden}.variant-image img{width:100%;max-height:300px;object-fit:cover}.variant-deadline{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px;margin-top:8px}.variant-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.upload-btn{display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.upload-btn:hover{border-color:var(--primary);color:var(--primary)}.price-range-box{background:var(--surface);border-radius:12px;padding:14px 18px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;border-left:4px solid var(--primary)}.price-range-label{color:var(--text-secondary);font-size:.9rem}.price-range-value{font-weight:600;color:var(--primary);font-size:1rem}.project-notes-box{background:var(--surface);border-radius:12px;padding:14px 18px;margin-bottom:1rem}.notes-label{color:var(--text-secondary);font-size:.85rem;display:block;margin-bottom:6px}.notes-text{color:var(--text);margin:0;line-height:1.5;white-space:pre-wrap}.debt-choice-modal{max-width:400px;text-align:center}.debt-choice-modal h3{margin:0 0 1rem;color:var(--warning)}.debt-difference{font-size:1.2rem;margin:.5rem 0}.debt-difference strong{color:var(--danger)}.debt-question{color:var(--text-secondary);margin:1rem 0 1.5rem}.debt-buttons{display:flex;gap:12px}.discount-choice-btn,.debt-choice-btn{flex:1;padding:12px 20px;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:all .2s}.discount-choice-btn{background:var(--surface-secondary);color:var(--text)}.discount-choice-btn:hover{background:var(--success);color:#fff}.debt-choice-btn{background:var(--warning);color:#fff}.debt-choice-btn:hover{filter:brightness(1.1)}.project-debt-box{background:var(--danger);background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;padding:14px 18px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.debt-label{color:#ffffffe6;font-size:.9rem}.debt-value{font-weight:700;color:#fff;font-size:1.1rem}.materials-tab .section h2{display:flex;align-items:center;gap:8px}.materials-list,.colors-list,.notes-list{display:flex;flex-direction:column;gap:8px}.material-card,.color-card,.note-card{display:flex;justify-content:space-between;align-items:center;background:var(--surface-secondary);border-radius:8px;padding:12px 14px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.material-info,.color-info{display:flex;align-items:center;gap:12px;flex:1}.material-name,.color-name{font-weight:500;color:var(--text)}.material-qty{background:var(--primary);color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.color-brand{color:var(--text-secondary);font-size:13px}.color-drops{background:var(--purple, #9333ea);color:#fff;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:500}.note-content{flex:1}.note-text{color:var(--text);line-height:1.5;margin:0 0 6px;white-space:pre-wrap}.note-date{color:var(--text-muted);font-size:12px}.modal-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header-row h2{display:flex;align-items:center;gap:8px;margin:0}.modal .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.modal .close-btn:hover{background:var(--surface-secondary);color:var(--text)}@media(max-width:600px){.material-info,.color-info{flex-wrap:wrap;gap:6px}.note-card{flex-direction:column;align-items:flex-start;gap:8px}.note-card .delete-btn{align-self:flex-end}}.notes-section-top{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:1px solid rgba(251,191,36,.3);border-radius:16px;padding:16px;margin-bottom:24px}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.notes-title{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--warning);font-size:14px}.lightbulb-icon{width:22px;height:22px;color:var(--warning);filter:drop-shadow(0 0 6px rgba(251,191,36,.5))}.add-note-btn{background:var(--warning);color:#fff;border:none;border-radius:8px;padding:6px;cursor:pointer;transition:all .2s}.add-note-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #fbbf244d}.notes-boxes{display:flex;flex-direction:column;gap:10px}.note-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;transition:all .2s}.note-box:hover{border-color:var(--warning)}.note-box-content{display:flex;gap:10px;align-items:flex-start}.note-icon{width:16px;height:16px;color:var(--warning);flex-shrink:0;margin-top:2px}.note-box-text{flex:1;color:var(--text);font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.note-box-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}.note-box-date{color:var(--text-muted);font-size:11px}.delete-note-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.delete-note-btn:hover{color:var(--danger);background:#ef44441a}.notes-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);padding:20px;font-size:13px}.lightbulb-empty{width:32px;height:32px;opacity:.3}.color-recipe-card{background:var(--surface-secondary);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:10px}.color-recipe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.result-color{display:flex;align-items:center;gap:10px}.color-swatch{width:24px;height:24px;border-radius:6px;border:2px solid var(--border);flex-shrink:0}.result-icon{color:var(--primary)}.result-name{font-weight:600;font-size:16px;color:var(--text)}.paints-list{display:flex;flex-direction:column;gap:6px;padding-left:34px}.paint-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.paint-item.legacy{padding-left:34px}.paint-brand{color:var(--text-muted);font-size:11px;min-width:60px}.paint-name{flex:1;font-weight:500;color:var(--text)}.paint-drops{background:var(--primary);color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.color-mix-modal form{display:flex;flex-direction:column;gap:16px}.color-name-with-picker{display:flex;gap:10px;align-items:center}.color-picker-input{width:50px!important;height:50px;padding:2px!important;border-radius:10px!important;cursor:pointer;border:2px solid var(--border)!important}.color-picker-input::-webkit-color-swatch{border-radius:8px;border:none}.color-name-with-picker input[type=text]{flex:1;font-size:18px;font-weight:500}.result-color-section input{font-size:18px;font-weight:500}.paints-section>label{font-size:13px;color:var(--text-secondary);margin-bottom:8px;display:block}.no-inks-hint{color:var(--warning);font-size:12px;margin-bottom:8px}.paint-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.paint-select{flex:1;min-width:150px}.paint-brand-input{width:100px!important;flex-shrink:0}.paint-name-input{flex:1}.drops-input-group{display:flex;align-items:center;gap:4px}.paint-drops-input{width:60px!important;text-align:center}.drops-label{color:var(--text-muted);font-size:12px}.remove-paint-btn{background:none;border:none;color:var(--danger);cursor:pointer;padding:4px}.add-paint-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:2px dashed var(--border);border-radius:8px;padding:10px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.add-paint-btn:hover{border-color:var(--primary);color:var(--primary)}.material-purpose{display:block;font-size:11px;color:var(--warning);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}@media(max-width:600px){.paint-row{flex-wrap:wrap}.paint-brand-input{width:80px!important}.notes-section-top{padding:12px}.notes-boxes{gap:8px}}.profile-page{max-width:600px;padding:1rem;padding-bottom:100px;animation:fadeIn .4s ease-out}.page-title{font-size:1.5rem;color:var(--text);margin-bottom:1.5rem;animation:fadeInDown .5s ease-out}.section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;margin-bottom:1rem;transition:all .3s ease;animation:fadeInUp .5s ease-out both}.section:nth-child(1){animation-delay:.05s}.section:nth-child(2){animation-delay:.1s}.section:nth-child(3){animation-delay:.15s}.section:nth-child(4){animation-delay:.2s}.section:nth-child(5){animation-delay:.25s}.section:hover{border-color:#6366f14d}.section h2{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:1rem}.user-info{display:flex;align-items:center;gap:16px}.avatar-container{position:relative;cursor:pointer;transition:transform .2s ease}.avatar-container:hover{transform:scale(1.05)}.avatar-container:hover .avatar-overlay{opacity:1}.avatar{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--purple));display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;box-shadow:0 4px 15px #6366f14d}.avatar-image{width:60px;height:60px;border-radius:16px;object-fit:cover;box-shadow:0 4px 15px #6366f14d}.avatar-overlay{position:absolute;inset:0;background:#00000080;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease}.avatar-loading{position:absolute;inset:0;background:#0009;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.user-name{font-size:18px;font-weight:600;color:var(--text)}.user-email{color:var(--text-secondary)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--border);transition:all .2s ease}.setting-row:hover{background:var(--bg);margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:8px}.setting-row:last-child{border-bottom:none}.setting-info{display:flex;align-items:center;gap:12px;color:var(--text)}.toggle-btn{background:var(--bg);border:2px solid var(--border);border-radius:10px;padding:.6rem 1rem;color:var(--text);cursor:pointer;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.toggle-btn:hover{border-color:var(--primary);transform:translateY(-1px)}.calc-settings-section{padding:0}.calc-settings-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px;background:transparent;border:none;cursor:pointer;color:var(--text)}.calc-settings-header:hover{background:var(--bg)}.calc-settings-content{padding:0 20px 20px;border-top:1px solid var(--border)}.settings-tabs{display:flex;gap:.5rem;padding:1rem 0;overflow-x:auto}.settings-tabs button{flex-shrink:0;padding:.5rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.settings-tabs button:hover{border-color:var(--primary)}.settings-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.settings-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.form-row label{color:var(--text-secondary);font-size:.9rem}.form-row input{width:120px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem;color:var(--text);font-size:.9rem;text-align:right}.formula-hint{margin-top:.5rem;padding:.75rem;background:#6366f11a;border-radius:6px;font-size:.8rem;color:var(--text-secondary)}.coef-list{display:flex;flex-direction:column;gap:.5rem}.coef-list h4{margin:1rem 0 .5rem;color:var(--text);font-size:.9rem}.coef-list h4:first-child{margin-top:0}.coef-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg);border-radius:6px}.coef-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--text);font-size:.9rem}.coef-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.coef-input{width:70px;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.4rem .5rem;color:var(--text);font-size:.85rem;text-align:center}.coef-input:disabled{opacity:.5;cursor:not-allowed}.reset-settings-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1rem;padding:.75rem;background:transparent;border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-size:.9rem;cursor:pointer;transition:all .2s}.reset-settings-btn:hover{background:var(--danger);color:#fff}.editable-list{margin-bottom:1.5rem}.editable-list h4{margin:0 0 .75rem;color:var(--text);font-size:.95rem}.editable-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg);border-radius:6px;margin-bottom:.5rem}.item-label{flex:1;font-size:.9rem;color:var(--text)}.delete-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.delete-btn:hover{color:var(--danger);background:#ef44441a}.add-item-row{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border)}.new-item-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem;color:var(--text);font-size:.9rem}.add-btn{background:var(--primary);border:none;border-radius:6px;color:#fff;padding:.5rem .75rem;cursor:pointer;transition:opacity .2s}.add-btn:disabled{opacity:.5;cursor:not-allowed}.add-btn:hover:not(:disabled){opacity:.9}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--danger);color:#fff;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:600;cursor:pointer}.logout-btn:hover{opacity:.9}.studio-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.studio-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;color:var(--text);margin-bottom:1rem}.studio-title svg{color:var(--primary)}.studio-options{display:flex;flex-direction:column;gap:.75rem}.studio-option-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:opacity .2s}.studio-option-btn.secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.studio-option-btn:hover{opacity:.9}.studio-form{display:flex;flex-direction:column;gap:.75rem}.studio-form input{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;color:var(--text);font-size:.95rem}.studio-form input:focus{outline:none;border-color:var(--primary)}.studio-error{color:var(--danger);font-size:.85rem}.studio-form-btns{display:flex;gap:.75rem}.studio-form-btns button{flex:1;padding:.75rem;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;cursor:pointer;transition:all .2s}.studio-form-btns button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.studio-members{margin-bottom:1rem}.members-label{font-size:.85rem;color:var(--text-secondary);display:block;margin-bottom:.5rem}.members-list{display:flex;flex-wrap:wrap;gap:.5rem}.member-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg);padding:.4rem .75rem;border-radius:20px;font-size:.85rem;color:var(--text)}.owner-badge{font-size:.65rem;background:var(--primary);color:#fff;padding:.1rem .4rem;border-radius:4px;text-transform:uppercase}.studio-invite{margin-bottom:1rem}.invite-label{font-size:.85rem;color:var(--text-secondary);display:block;margin-bottom:.5rem}.invite-code{background:var(--bg);padding:.5rem .75rem;border-radius:6px;font-family:monospace;font-size:.95rem;color:var(--primary);letter-spacing:.5px}.invite-code-row .copy-btn,.invite-code-row .refresh-btn{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.invite-code-row .copy-btn:hover,.invite-code-row .refresh-btn:hover{color:var(--primary);border-color:var(--primary)}.studio-actions{padding-top:.75rem;border-top:1px solid var(--border)}.studio-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.6rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.studio-action-btn:hover{border-color:var(--text-secondary);color:var(--text)}.studio-action-btn.danger:hover{border-color:var(--danger);color:var(--danger);background:#ef44441a}.achievements-profile-section{padding:0!important;overflow:hidden}.achievements-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.25rem;background:transparent;border:none;cursor:pointer;color:var(--text);transition:background .2s}.achievements-header:hover{background:var(--bg)}.achievements-header .setting-info{display:flex;align-items:center;gap:.75rem;font-weight:600}.achievements-header .setting-info svg{color:gold}.achievements-summary-badge{background:linear-gradient(135deg,gold,orange);color:#1a1a1a;padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-weight:700;margin-right:auto;margin-left:.75rem}.achievements-full-content{padding:0 1.25rem 1.25rem}.overall-progress{margin-bottom:1rem}.progress-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:.4rem}.progress-bar{height:10px;background:var(--bg);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#cd7f32,silver,gold,#e5e4e2,#b9f2ff,#1a1a1a);background-size:600% 100%;border-radius:10px;transition:width .5s ease}.level-legend{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding:.75rem;background:var(--bg);border-radius:12px}.level-item{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--text-secondary)}.level-icon{font-size:.9rem}.level-name{font-weight:500}.achievement-category{margin-bottom:1.25rem}.category-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.category-achievements{display:flex;flex-direction:column;gap:.6rem}.achievement-card{display:flex;align-items:center;gap:.85rem;padding:.85rem;background:var(--bg);border:2px solid var(--border);border-radius:14px;transition:all .25s ease}.achievement-card:hover{transform:translate(4px)}.achievement-card.locked{opacity:.5}.achievement-card.level-bronze{border-color:#cd7f32;background:linear-gradient(135deg,var(--bg),rgba(205,127,50,.1))}.achievement-card.level-silver{border-color:silver;background:linear-gradient(135deg,var(--bg),rgba(192,192,192,.15))}.achievement-card.level-gold{border-color:gold;background:linear-gradient(135deg,var(--bg),rgba(255,215,0,.15))}.achievement-card.level-platinum{border-color:#e5e4e2;background:linear-gradient(135deg,var(--bg),rgba(229,228,226,.2))}.achievement-card.level-diamond{border-color:#b9f2ff;background:linear-gradient(135deg,var(--bg),rgba(185,242,255,.2))}.achievement-card.level-leather{border-color:#1a1a1a;background:linear-gradient(135deg,#1a1a1a,#333)}.achievement-card.level-leather .achievement-card-name,.achievement-card.level-leather .achievement-card-progress{color:#fff}.achievement-card-icon{font-size:1.75rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:12px;flex-shrink:0}.achievement-card-info{flex:1;min-width:0}.achievement-card-name{font-weight:600;color:var(--text);font-size:.95rem;margin-bottom:.2rem}.achievement-card-progress{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary);margin-bottom:.4rem}.achievement-level-badge{padding:.15rem .5rem;background:var(--surface);border-radius:6px;font-size:.65rem;font-weight:700;text-transform:uppercase}.achievement-progress-bar{height:6px;background:var(--surface);border-radius:6px;overflow:hidden}.achievement-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--purple));border-radius:6px;transition:width .5s ease}@media(max-width:600px){.achievements-full-content{padding:0 1rem 1rem}.level-legend{padding:.6rem;gap:.4rem}.level-item{font-size:.65rem}.achievement-card{padding:.75rem;border-radius:12px}.achievement-card-icon{width:44px;height:44px;font-size:1.5rem}.achievement-card-name{font-size:.9rem}}.profile-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.profile-details-title{display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:var(--text);margin-bottom:1rem}.edit-profile-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.4rem .8rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-profile-btn:hover{background:var(--purple);transform:translateY(-1px)}.profile-fields{display:flex;flex-direction:column;gap:1rem}.profile-field{display:flex;gap:12px;align-items:flex-start}.profile-field-icon{width:36px;height:36px;background:var(--bg);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.profile-field-content{flex:1;display:flex;flex-direction:column;gap:4px}.profile-field-content label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.profile-field-content input,.profile-field-content select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem;color:var(--text);font-size:.95rem;transition:all .2s ease}.profile-field-content input:focus,.profile-field-content select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.profile-field-value{color:var(--text);font-size:.95rem;padding:.6rem 0}.profile-actions{display:flex;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.profile-actions .cancel-btn{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.75rem;color:var(--text);font-weight:500;cursor:pointer;transition:all .2s ease}.profile-actions .cancel-btn:hover{background:var(--surface);border-color:var(--text-secondary)}.profile-actions .save-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--primary),var(--purple));border:none;border-radius:10px;padding:.75rem;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-actions .save-btn .profile-field-auto{display:flex;align-items:center;gap:8px}.profile-actions .save-btn .auto-calc-hint{font-size:.75rem;color:var(--text-secondary);opacity:.7}.profile-actions .save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #6366f14d}.profile-actions .save-btn:disabled{opacity:.7;cursor:not-allowed}.accent-color-row{flex-wrap:wrap}.accent-color-row .setting-info{gap:12px}.color-preview{width:20px;height:20px;border-radius:6px;border:2px solid var(--border)}.color-picker-group{display:flex;align-items:center;gap:8px}.color-picker-input{width:36px;height:36px;padding:0;border:2px solid var(--border);border-radius:8px;cursor:pointer;background:transparent}.color-picker-input::-webkit-color-swatch-wrapper{padding:2px}.color-picker-input::-webkit-color-swatch{border-radius:4px;border:none}.hex-input{width:90px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:monospace;font-size:.9rem;text-transform:uppercase}.hex-input:focus{outline:none;border-color:var(--primary)}.reset-color-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.reset-color-btn:hover{background:var(--surface-secondary);color:var(--text)}.currency-icon{font-size:1.2rem}.currency-select{padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;cursor:pointer;min-width:160px}.currency-select:focus{outline:none;border-color:var(--primary)}.studio-section{overflow:hidden}.studio-header-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;background:none;border:none;cursor:pointer;color:var(--text)}.studio-badge{font-size:.8rem;padding:4px 12px;border-radius:20px;background:var(--surface-secondary);color:var(--text-secondary);margin-right:auto;margin-left:1rem}.studio-badge.connected{background:var(--primary);color:#fff}.studio-section-content{padding-top:1rem;border-top:1px solid var(--border);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.studio-switch-section{text-align:center}.studio-info-text{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.switch-mode-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:linear-gradient(135deg,var(--primary),#4f46e5);color:#fff;border:none;border-radius:12px;padding:.85rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.switch-mode-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.leave-studio-btn{width:100%;margin-top:.75rem;background:none;border:1px solid var(--danger);color:var(--danger);border-radius:10px;padding:.65rem;font-size:.9rem;cursor:pointer}.leave-studio-btn:hover{background:var(--danger);color:#fff}.studios-list{margin-bottom:1.5rem}.studios-list h4{color:var(--text-secondary);font-size:.85rem;margin-bottom:.75rem}.studio-item{background:var(--surface-secondary);border-radius:12px;padding:1rem;margin-bottom:.75rem}.studio-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.studio-item-header svg{color:var(--primary)}.studio-item-name{flex:1;font-weight:600;color:var(--text)}.studio-role{font-size:.75rem;padding:.25rem .6rem;border-radius:6px;background:var(--bg)}.studio-role.owner{background:#6366f133;color:var(--primary)}.studio-role.member{background:#8b5cf633;color:var(--purple)}.studio-visibility-toggle{margin-bottom:.75rem}.toggle-label{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary)}.toggle-label input[type=checkbox]{display:none}.toggle-switch{width:44px;height:24px;background:var(--border);border-radius:12px;position:relative;transition:background .25s ease;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .25s ease}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:var(--primary)}.toggle-label input[type=checkbox]:checked+.toggle-switch:after{transform:translate(20px)}.manage-studio-btn{width:100%;background:linear-gradient(135deg,var(--primary),var(--purple));border:none;color:#fff;border-radius:10px;padding:.65rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease}.manage-studio-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6366f166}.studio-item .leave-studio-btn{margin-top:.5rem;padding:.5rem;font-size:.85rem}.studio-actions-section{display:flex;flex-direction:column;gap:1rem}.studio-action-card{background:var(--surface-secondary);border-radius:12px;padding:1.25rem;text-align:center}.studio-action-card h4{margin:0 0 .5rem;font-size:1rem;color:var(--text)}.studio-action-card p{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary)}.studio-action-card form{display:flex;flex-direction:column;gap:.5rem}.studio-action-card input{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;font-size:.95rem;color:var(--text);text-align:center}.studio-action-card input:focus{outline:none;border-color:var(--primary)}.studio-action-card button{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.75rem;font-size:.95rem;font-weight:500;cursor:pointer}.studio-divider{display:flex;align-items:center;gap:1rem}.studio-divider:before,.studio-divider:after{content:"";flex:1;height:1px;background:var(--border)}.studio-divider span{color:var(--text-secondary);font-size:.85rem}.calculator-page{padding:1.25rem;max-width:600px;margin:0 auto;min-height:100%}.page-header{text-align:center;margin-bottom:1.5rem;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-title{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-size:1.4rem;color:var(--text);font-weight:700}.page-title svg{color:var(--primary)}.calculator-form{display:flex;flex-direction:column;gap:1rem}.calc-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;animation:cardSlide .4s ease-out both}@keyframes cardSlide{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.card-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.85rem;font-weight:700;text-align:center}.time-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;animation:cardSlide .4s ease-out .05s both}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.time-input-group{display:flex;flex-direction:column;gap:.4rem}.time-input-group label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;text-align:center}.hours-select,.sessions-select{width:100%;height:48px;background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:0 1rem;color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.hours-select:focus,.sessions-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.time-summary{display:flex;align-items:center;justify-content:center;padding:.85rem;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border-radius:12px;font-size:.95rem;font-weight:600;gap:.4rem}.time-summary strong{font-size:1.1rem}.size-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;animation:cardSlide .4s ease-out .1s both}.size-section>label{display:block;font-size:.7rem;color:var(--text-secondary);margin-bottom:.85rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;text-align:center}.size-inputs{display:flex;align-items:center;justify-content:center;gap:.6rem}.size-inputs input{width:90px;height:48px;background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:0 .75rem;color:var(--text);font-size:1rem;font-weight:600;text-align:center;transition:all .2s}.size-inputs input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.size-inputs input::placeholder{color:var(--text-muted);font-weight:400;font-size:.9rem}.size-inputs span{color:var(--text-secondary);font-size:1rem;font-weight:500}.factors-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem}.factors-card:nth-of-type(1){animation:cardSlide .4s ease-out .15s both}.factors-card:nth-of-type(2){animation:cardSlide .4s ease-out .2s both}.factors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.factor-group{display:flex;flex-direction:column;gap:.4rem}.factor-group label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;text-align:center;line-height:1.3}.factor-group select{width:100%;height:48px;background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:0 .5rem;color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;appearance:none;text-align:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%236366f1' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.factor-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.coverup-checkbox{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:var(--surface);border:2px solid var(--border);border-radius:16px;cursor:pointer;transition:all .2s;animation:cardSlide .4s ease-out .25s both}.coverup-checkbox:hover,.coverup-checkbox:has(input:checked){border-color:var(--primary);background:#6366f10d}.coverup-checkbox input[type=checkbox]{width:22px;height:22px;accent-color:var(--primary);cursor:pointer}.coverup-checkbox span{font-size:1rem;color:var(--text);font-weight:500}.extras-collapse-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;animation:cardSlide .4s ease-out .3s both}.extras-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:transparent;border:none;color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.extras-toggle:hover{background:var(--bg)}.extras-toggle svg{transition:transform .3s}.extras-content{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.extras-content .extra-checkbox{padding:.75rem 1rem;background:var(--bg);border-radius:10px;transition:all .2s}.extras-content .extra-checkbox:hover{background:#6366f114}.extra-checkbox{display:flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer}.extra-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}.extra-checkbox span{font-size:.95rem;color:var(--text)}.calculate-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1.1rem;background:linear-gradient(135deg,var(--primary),var(--purple));border:none;border-radius:16px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .25s;animation:cardSlide .4s ease-out .35s both;overflow:hidden;box-shadow:0 4px 20px #6366f14d}.calculate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .4s}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.calculate-btn:hover:before{left:100%}.calculate-btn:active{transform:scale(.98)}.calculate-btn.magic-active{animation:magicPulse .5s ease-out}@keyframes magicPulse{0%{transform:scale(1);box-shadow:0 0 #8b5cf6b3}50%{transform:scale(1.02);box-shadow:0 0 25px 8px #8b5cf666}to{transform:scale(1);box-shadow:0 8px 30px #6366f166}}.sparkle{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;animation:sparkleFly .7s ease-out forwards;box-shadow:0 0 6px 2px #fffc}@keyframes sparkleFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}.magic-ring{position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.8);transform:translate(-50%,-50%);animation:ringExpand .7s ease-out forwards;pointer-events:none}@keyframes ringExpand{0%{width:20px;height:20px;opacity:1}to{width:250px;height:250px;opacity:0}}.calculator-result{background:linear-gradient(135deg,var(--primary) 0%,var(--purple) 100%);background-size:200% 200%;border-radius:20px;padding:1.75rem 1.5rem;text-align:center;margin-top:1rem;animation:resultReveal .5s cubic-bezier(.16,1,.3,1),gradientMove 4s ease infinite;box-shadow:0 10px 40px #6366f159;position:relative;overflow:hidden}@keyframes resultReveal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.result-main{margin-bottom:.75rem}.result-label{font-size:.75rem;color:#ffffffd9;text-transform:uppercase;letter-spacing:2px;margin-bottom:.4rem;display:block;font-weight:600}.result-price{font-size:3.5rem;font-weight:800;color:#fff;line-height:1;text-shadow:0 3px 15px rgba(0,0,0,.2);animation:pricePopIn .4s cubic-bezier(.16,1,.3,1) .15s both}@keyframes pricePopIn{0%{opacity:0;transform:scale(.6);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.result-sessions{font-size:1rem;color:#ffffffe6;margin-bottom:.75rem}.result-range{font-size:.95rem;color:#fffffff2;margin-bottom:.75rem;padding:.85rem 1rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px}.result-range strong{color:#fff;font-weight:700}.result-note{font-size:.8rem;color:#ffffffb3;font-style:italic;margin:0 0 1rem}.result-breakdown{background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:1rem;text-align:left}.breakdown-title{font-size:.7rem;color:#ffffffd9;margin-bottom:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center}.breakdown-items{display:flex;flex-direction:column;gap:.35rem}.breakdown-row{display:flex;justify-content:space-between;font-size:.85rem;color:#ffffffbf;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.breakdown-row:last-child{border-bottom:none}.breakdown-row span:last-child{color:#fff;font-weight:600}.settings-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.85rem;background:var(--surface);border:1px dashed var(--border);border-radius:12px;color:var(--text-secondary);font-size:.8rem;animation:cardSlide .4s ease-out .4s both}@media(max-width:600px){.calculator-page{padding:1rem .75rem;padding-bottom:100px}.page-header{margin-bottom:1rem}.page-title{font-size:1.2rem}.calculator-form{gap:.75rem}.time-section,.size-section,.factors-card,.coverup-checkbox,.extras-collapse-section{padding:1rem;border-radius:14px}.time-grid{gap:.6rem;margin-bottom:.75rem}.hours-select,.sessions-select{height:44px;font-size:.95rem;border-radius:10px}.time-summary{padding:.75rem;border-radius:10px;font-size:.9rem}.time-summary strong{font-size:1rem}.size-inputs input{width:80px;height:44px;font-size:.95rem;border-radius:10px}.factors-grid{gap:.5rem}.factor-group label{font-size:.6rem;margin-bottom:.25rem}.factor-group select{height:44px;font-size:.8rem;padding:0 .4rem;border-radius:10px;background-position:right .4rem center}.coverup-checkbox{padding:.85rem;border-radius:14px}.coverup-checkbox input[type=checkbox]{width:20px;height:20px}.coverup-checkbox span{font-size:.95rem}.calculate-btn{padding:1rem;font-size:1rem;border-radius:14px}.calculator-result{padding:1.25rem 1rem;border-radius:16px;margin-top:.75rem}.result-price{font-size:2.75rem}.result-label{font-size:.7rem;letter-spacing:1.5px}.result-sessions{font-size:.9rem}.result-range{font-size:.85rem;padding:.75rem;border-radius:10px}.result-note{font-size:.75rem}.result-breakdown{padding:.85rem;border-radius:12px}.breakdown-title{font-size:.65rem}.breakdown-row{font-size:.8rem}.settings-hint{padding:.75rem;font-size:.75rem;border-radius:10px}.card-label,.time-section>.card-label,.size-section>label{font-size:.65rem;margin-bottom:.7rem}}@media(max-width:380px){.calculator-page{padding:.75rem .5rem;padding-bottom:100px}.factors-grid{grid-template-columns:1fr 1fr 1fr;gap:.4rem}.factor-group select{font-size:.75rem;height:42px}.factor-group label{font-size:.55rem}.result-price{font-size:2.5rem}.size-inputs input{width:70px}}.inventory-chat{display:flex;flex-direction:column;height:300px;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:1.5rem}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chat-message{display:flex;gap:.75rem;max-width:85%}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.assistant{align-self:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.chat-message.assistant .message-avatar{background:var(--primary);color:#fff}.message-content{padding:.75rem 1rem;border-radius:16px;font-size:.9rem;line-height:1.4}.chat-message.user .message-content{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.chat-message.assistant .message-content{background:var(--bg);color:var(--text);border-bottom-left-radius:4px}.message-content.executed{background:#10b98126;border:1px solid var(--success)}.message-content.typing{display:flex;gap:4px;padding:.75rem 1.25rem}.message-content.typing span{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);animation:typing 1.4s infinite}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-input-form{padding:1rem;border-top:1px solid var(--border);background:var(--bg)}.chat-input-wrapper{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:.5rem .5rem .5rem 1rem;transition:border-color .2s}.chat-input-wrapper:focus-within{border-color:var(--primary)}.chat-input-wrapper input{flex:1;border:none;background:transparent;color:var(--text);font-size:.95rem;outline:none}.chat-input-wrapper input::placeholder{color:var(--text-secondary)}.chat-input-buttons{display:flex;gap:.25rem}.chat-input-buttons button{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.voice-btn{background:transparent;color:var(--text-secondary)}.voice-btn:hover{background:var(--bg);color:var(--text)}.voice-btn.recording{background:var(--danger);color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.send-btn{background:var(--primary);color:#fff}.send-btn:hover:not(:disabled){opacity:.9}.send-btn:disabled{background:var(--border);color:var(--text-secondary);cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:600px){.inventory-chat{height:280px}.chat-message{max-width:90%}}.inventory-page{padding:1rem;max-width:900px;margin:0 auto;padding-bottom:100px;animation:fadeIn .4s ease-out}.inventory-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;animation:fadeInDown .5s ease-out}.inventory-page .page-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;color:var(--text)}.inventory-page .page-title svg{color:var(--primary)}.header-actions{display:flex;gap:.5rem}.inventory-page .filter-btn,.inventory-page .add-btn{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s;position:relative}.inventory-page .filter-btn:hover{border-color:var(--primary);color:var(--primary)}.inventory-page .add-btn{background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border-color:transparent;box-shadow:0 4px 15px #6366f14d;transition:all .25s cubic-bezier(.4,0,.2,1)}.inventory-page .add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.filter-badge{position:absolute;top:-2px;right:-2px;width:6px;height:6px;background:var(--primary);border-radius:50%}.tabs-row{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:center}.tab-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.tab-btn:hover{border-color:var(--primary)}.tab-btn.active{background:linear-gradient(135deg,var(--primary),var(--purple));border-color:transparent;color:#fff;box-shadow:0 4px 15px #6366f14d}.scope-dropdown{margin-left:auto;position:relative;display:flex;align-items:center}.scope-dropdown select{appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem 2rem .5rem .75rem;color:var(--text);font-size:.8rem;cursor:pointer}.scope-dropdown select:focus{outline:none;border-color:var(--primary)}.scope-dropdown svg{position:absolute;right:.5rem;pointer-events:none;color:var(--text-secondary)}.inventory-source-tabs{display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.inventory-source-tabs::-webkit-scrollbar{display:none}.source-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--surface);border:2px solid var(--border);border-radius:12px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease;white-space:nowrap;flex-shrink:0}.source-tab:hover{border-color:var(--primary);color:var(--text)}.source-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.source-tab.studio-tab{background:#8b5cf61a;border-color:#8b5cf64d}.source-tab.studio-tab.active{background:var(--purple);border-color:var(--purple);color:#fff}.filters-row{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap;align-items:center}.filters-row select{appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.4rem 1.5rem .4rem .6rem;color:var(--text);font-size:.8rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%239ca3af' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center}.filters-row select:focus{outline:none;border-color:var(--primary)}.clear-filters{background:var(--danger);color:#fff;border:none;border-radius:6px;padding:.35rem;cursor:pointer;display:flex}.inventory-compact-list{display:flex;flex-direction:column;gap:.75rem}.category-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .3s ease;animation:fadeInUp .5s ease-out both}.category-section:hover{border-color:#6366f14d;box-shadow:0 4px 20px #0000001a}.category-header{background:var(--bg);padding:.5rem .75rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.compact-item{display:flex;align-items:center;padding:.7rem .85rem;border-bottom:1px solid var(--border);gap:.75rem;transition:all .2s ease}.compact-item:hover{background:var(--bg)}.compact-item:last-child{border-bottom:none}.compact-item .item-main{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.compact-item .item-name{font-size:.9rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.warning{background:var(--warning)}.status-dot.critical,.status-dot.out,.status-dot.expired{background:var(--danger)}.status-dot.ordered{background:var(--info)}.status-dot.expiring{background:var(--warning)}.compact-item .item-qty{display:flex;align-items:baseline;gap:.2rem;min-width:50px;justify-content:flex-end;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:background .15s}.compact-item .item-qty:hover{background:var(--bg)}.compact-item .qty-num{font-size:1rem;font-weight:600;color:var(--text)}.compact-item .qty-num.clickable:hover{text-decoration:underline}.compact-item .qty-unit{font-size:.7rem;color:var(--text-secondary)}.compact-item.status-critical .qty-num,.compact-item.status-out .qty-num{color:var(--danger)}.compact-item.status-warning .qty-num{color:var(--warning)}.compact-item.status-ordered .qty-num{color:var(--info)}.compact-item.ink-item .item-expiry{display:flex;align-items:baseline;gap:.3rem;min-width:70px;justify-content:flex-end;padding:.25rem .5rem;border-radius:6px;background:var(--bg)}.item-expiry .expiry-label{font-size:.7rem;color:var(--text-muted)}.item-expiry .expiry-date{font-size:.9rem;font-weight:600;color:var(--text)}.item-expiry.warn{background:#ef444426}.item-expiry.warn .expiry-date{color:var(--danger)}.item-expiry .no-expiry{font-size:.75rem;color:var(--text-muted);font-style:italic}.item-quick-actions{display:flex;gap:.25rem}.item-quick-actions button{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.3rem;color:var(--text-secondary);cursor:pointer;transition:all .15s;display:flex}.item-quick-actions button:hover{border-color:var(--primary);color:var(--primary)}.item-quick-actions button:disabled{opacity:.3;cursor:not-allowed}.item-quick-actions button.active{background:var(--info);border-color:var(--info);color:#fff}.item-quick-actions button.del:hover{border-color:var(--danger);color:var(--danger)}.reports-section{display:flex;flex-direction:column;gap:1rem}.reports-controls{display:flex;gap:.5rem}.reports-controls select{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem 1rem;color:var(--text);font-size:.85rem}.report-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem}.report-card h3{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.report-card h3 svg{color:var(--primary)}.summary-list{display:flex;flex-direction:column;gap:1rem}.user-summary{background:var(--bg);border-radius:8px;padding:.75rem}.user-name{font-weight:600;color:var(--text);margin-bottom:.5rem;font-size:.9rem}.user-items{display:flex;flex-direction:column;gap:.3rem}.usage-item{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.usage-qty{color:var(--danger);font-weight:500}.more-items{font-size:.75rem;color:var(--text-muted);font-style:italic}.logs-list{display:flex;flex-direction:column;gap:.25rem}.log-item{display:grid;grid-template-columns:1fr 1.5fr auto auto;gap:.5rem;padding:.4rem .5rem;font-size:.8rem;border-radius:4px}.log-item:nth-child(odd){background:var(--bg)}.log-item.manual{background:#f59e0b1a;border-left:3px solid var(--warning)}.log-item.manual:nth-child(odd){background:#f59e0b26}.log-user{color:var(--text);font-weight:500}.log-item-name{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-qty{color:var(--danger);font-weight:500;text-align:right}.log-qty.manual-qty{color:var(--warning);display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.log-reason{font-size:.65rem;color:var(--text-muted);font-weight:400}.log-date{color:var(--text-muted);font-size:.75rem}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state button{margin-top:1rem;background:var(--primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.loading{text-align:center;padding:2rem;color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 60px #0000004d}.modal.modal-sm{max-width:320px}.modal.modal-md{max-width:420px}.modal.modal-lg{max-width:520px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1rem;color:var(--text)}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem}.modal form{padding:1rem}.modal label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.3rem;margin-top:.75rem}.modal label:first-child{margin-top:0}.modal input,.modal select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem;color:var(--text);font-size:.9rem}.modal input:focus,.modal select:focus{outline:none;border-color:var(--primary)}.category-select-row{display:flex;gap:.5rem}.category-select{flex:1}.add-cat-btn{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:0 .6rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center}.add-cat-btn:hover{border-color:var(--primary);color:var(--primary)}.needle-fields{background:var(--bg);border-radius:8px;padding:.75rem;margin-top:.75rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-row select{width:100%}.expiry-field,.pack-toggle{margin-top:.75rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.modal-buttons{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.btn-cancel{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem;color:var(--text-secondary);cursor:pointer;font-size:.85rem}.btn-submit{flex:1;background:linear-gradient(135deg,var(--primary),var(--purple));border:none;border-radius:10px;padding:.7rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.3rem;transition:all .25s ease;box-shadow:0 4px 15px #6366f14d}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-submit.btn-danger{background:var(--danger)}.btn-submit.btn-warning{background:var(--warning)}.stock-item-name{font-weight:600;color:var(--text);margin-bottom:.25rem}.stock-current{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.monthly-table-wrapper{overflow-x:auto;margin-top:.5rem}.monthly-table{width:100%;border-collapse:collapse;font-size:.85rem}.monthly-table th,.monthly-table td{padding:.65rem .5rem;text-align:center;border-bottom:1px solid var(--border)}.monthly-table th{background:var(--bg);color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.monthly-table th:first-child,.monthly-table td.item-name-cell{text-align:left;padding-left:.75rem}.monthly-table td.item-name-cell{font-weight:500;color:var(--text);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monthly-table td{color:var(--text-muted)}.monthly-table td.has-value{color:var(--primary);font-weight:600}.monthly-table td.total-cell{font-weight:700;color:var(--text);background:#6366f114}.monthly-table tbody tr:hover{background:var(--surface-secondary)}@media(max-width:600px){.inventory-page{padding:.75rem;padding-bottom:320px}.compact-item{flex-wrap:wrap}.item-quick-actions{width:100%;justify-content:flex-end;margin-top:.5rem}.log-item{grid-template-columns:1fr 1fr}.form-row,.form-row-3{grid-template-columns:1fr}.tabs-row{flex-wrap:wrap}.scope-dropdown{width:100%;margin-left:0;margin-top:.5rem}.scope-dropdown select{width:100%}}.date-filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.filter-type-select{min-width:140px}.date-input{padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem}.date-input:focus{outline:none;border-color:var(--primary)}.custom-date-range{display:flex;align-items:center;gap:8px}.date-separator{color:var(--text-secondary)}@media(max-width:600px){.date-filter-group{flex-direction:column;align-items:stretch}.custom-date-range{flex-direction:column}.date-separator{display:none}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:1rem}.admin-login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2rem;width:100%;max-width:400px;animation:scaleIn .5s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 60px #0003}.admin-login-header{text-align:center;margin-bottom:2rem;animation:fadeInDown .5s ease-out .1s both}.admin-login-header svg{color:var(--primary);margin-bottom:.5rem}.admin-login-header h1{font-size:1.5rem;color:var(--text)}.admin-login-card form{display:flex;flex-direction:column;gap:1rem}.admin-login-card input{background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:.9rem 1rem;font-size:1rem;color:var(--text);transition:all .2s ease;animation:fadeInUp .5s ease-out .2s both}.admin-login-card input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.admin-login-card button[type=submit]{background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border:none;border-radius:12px;padding:.9rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease;animation:fadeInUp .5s ease-out .3s both;box-shadow:0 4px 15px #6366f14d}.admin-login-card button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.admin-login-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-error{color:var(--danger);font-size:.875rem;text-align:center;animation:shake .4s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.admin-page{padding:1.5rem;max-width:900px;margin:0 auto}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.admin-header h1{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;color:var(--text)}.admin-header h1 svg{color:var(--primary)}.admin-header .logout-btn{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.admin-header .logout-btn:hover{color:var(--danger);border-color:var(--danger)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem}.stat-card svg{color:var(--primary)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:600;color:var(--text)}.stat-label{font-size:.8rem;color:var(--text-secondary)}.create-code-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.create-code-section h2{font-size:1rem;color:var(--text);margin-bottom:1rem}.create-code-form{display:flex;gap:.75rem}.create-code-form input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;font-size:.95rem;color:var(--text)}.create-code-form input:focus{outline:none;border-color:var(--primary)}.create-code-form button{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:opacity .2s}.create-code-form button:hover{opacity:.9}.codes-section h2{font-size:1rem;color:var(--text);margin-bottom:1rem}.codes-list{display:flex;flex-direction:column;gap:.75rem}.codes-list .empty{text-align:center;color:var(--text-secondary);padding:2rem}.code-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem}.code-card.used{opacity:.7}.code-main{display:flex;align-items:center;gap:.5rem}.code-value{font-family:Courier New,monospace;font-size:1rem;font-weight:600;color:var(--primary);letter-spacing:.5px}.code-card.used .code-value{color:var(--text-secondary);text-decoration:line-through}.copy-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;transition:color .2s}.copy-btn:hover{color:var(--primary)}.code-meta{flex:1;display:flex;flex-direction:column;gap:.25rem}.code-note{font-size:.875rem;color:var(--text)}.code-date{font-size:.75rem;color:var(--text-secondary)}.code-used{display:flex;align-items:center;gap:.75rem;font-size:.8rem}.used-badge{background:var(--success);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500}.used-by{color:var(--text)}.used-date{color:var(--text-secondary)}.code-card .delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.code-card .delete-btn:hover{color:var(--danger);background:#ef44441a}@media(max-width:600px){.create-code-form{flex-direction:column}.code-card{flex-direction:column;align-items:flex-start}.code-used{flex-wrap:wrap}}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;animation:fadeInUp .5s ease-out both}.admin-tab{display:flex;align-items:center;gap:8px;padding:.75rem 1.25rem;background:var(--surface);border:2px solid var(--border);border-radius:12px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.admin-tab:hover{border-color:var(--primary);color:var(--text)}.admin-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.users-section{animation:fadeInUp .5s ease-out both}.users-section h2{font-size:1.1rem;color:var(--text);margin-bottom:1rem}.users-list{display:flex;flex-direction:column;gap:.75rem}.user-card{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;transition:all .2s ease}.user-card:hover{border-color:var(--primary);transform:translate(4px)}.user-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--purple));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{flex:1;min-width:0}.user-info .user-name{font-weight:600;color:var(--text);margin-bottom:2px}.user-info .user-email{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info .user-studio{font-size:.75rem;color:var(--primary);margin-top:2px}.user-stats{display:flex;gap:1rem}.user-stat{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.85rem}.user-stat svg{opacity:.7}.user-dates{display:flex;flex-direction:column;gap:4px;text-align:right;min-width:130px}.user-date{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:.75rem;color:var(--text-secondary)}.user-date .date-label{opacity:.7}.user-date svg{opacity:.6}@media(max-width:768px){.admin-tabs{flex-wrap:wrap}.admin-tab{flex:1;justify-content:center;min-width:120px}.user-card{flex-wrap:wrap}.user-stats{order:3;width:100%;justify-content:flex-start;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.user-dates{order:2;text-align:left;flex-direction:row;gap:1rem}}.personal-calendar{padding:16px;max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.personal-calendar.loading{display:flex;align-items:center;justify-content:center;height:100%}.personal-calendar .calendar-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.personal-calendar .calendar-header h1{font-size:20px;font-weight:600;color:var(--text);margin:0}.personal-calendar .calendar-header svg{color:var(--accent)}.month-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.month-nav button{background:var(--card-bg);border:1px solid var(--border);color:var(--text);padding:8px;border-radius:8px;cursor:pointer;transition:all .2s}.month-nav button:hover{background:var(--border)}.month-title{font-size:16px;font-weight:600;color:var(--text)}.calendar-grid{background:var(--card-bg);border-radius:12px;overflow:hidden;border:1px solid var(--border)}.day-names{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg);border-bottom:1px solid var(--border)}.day-name{padding:10px;text-align:center;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.days-grid{display:grid;grid-template-columns:repeat(7,1fr)}.day-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .15s;border-right:1px solid var(--border);border-bottom:1px solid var(--border);position:relative}.day-cell:nth-child(7n){border-right:none}.day-cell:hover{background:var(--bg)}.day-cell.other-month{opacity:.4}.day-cell.today .day-number{background:var(--accent);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.day-cell.selected{background:rgba(var(--accent-rgb),.1)}.day-cell.selected .day-number{color:var(--accent);font-weight:600}.day-number{font-size:14px;color:var(--text)}.day-indicators{display:flex;gap:3px;position:absolute;bottom:6px}.indicator-dot{width:5px;height:5px;border-radius:50%}.day-sessions{display:flex;flex-direction:column;gap:12px}.day-sessions h3{font-size:16px;font-weight:600;color:var(--text);margin:0;display:flex;align-items:center;gap:8px}.today-badge{font-size:11px;font-weight:500;color:var(--accent);background:rgba(var(--accent-rgb),.1);padding:2px 8px;border-radius:4px}.sessions-list{display:flex;flex-direction:column;gap:10px}.session-card{background:var(--card-bg);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.session-card.studio{background:linear-gradient(90deg,rgba(139,92,246,.05) 0%,transparent 100%)}.session-time{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text)}.session-time svg{color:var(--accent)}.session-time .duration{font-weight:400;color:var(--text-secondary);font-size:12px}.session-info{display:flex;flex-direction:column;gap:4px}.session-title{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text)}.session-title svg{color:var(--text-secondary)}.studio-tag{font-size:10px;font-weight:600;color:#8b5cf6;background:#8b5cf61a;padding:2px 6px;border-radius:4px;text-transform:uppercase}.session-client{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.session-price{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:var(--accent)}.session-status{align-self:flex-start;font-size:10px;font-weight:600;color:#fff;padding:3px 8px;border-radius:4px;text-transform:uppercase}.no-sessions{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:var(--text-secondary);gap:8px}.no-sessions svg{opacity:.5}.no-sessions p{margin:0;font-size:14px}.legend{display:flex;gap:16px;justify-content:center;padding:12px;background:var(--card-bg);border-radius:8px;border:1px solid var(--border)}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%}@media(max-width:480px){.personal-calendar{padding:12px}.day-cell{aspect-ratio:auto;padding:8px 4px}.day-number{font-size:12px}.indicator-dot{width:4px;height:4px}}.studio-calendar{padding:0;height:100%;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.studio-calendar.loading,.studio-calendar.no-studio{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.calendar-layout{display:flex;flex:1;gap:0;overflow:hidden;height:100%}.calendar-sidebar{width:200px;min-width:200px;background:var(--card-bg);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.mini-calendar{background:var(--bg);border-radius:12px;padding:12px}.mini-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mini-calendar-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.mini-calendar-header button:hover{background:var(--border);color:var(--text)}.mini-calendar-header span{font-size:12px;font-weight:600;color:var(--text)}.mini-calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:4px}.mini-day-name{text-align:center;font-size:9px;color:var(--text-secondary);padding:2px 0}.mini-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.mini-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text);cursor:pointer;border-radius:4px;transition:all .15s;position:relative}.mini-day:hover{background:var(--border)}.mini-day.other-month{color:var(--text-secondary);opacity:.4}.mini-day.today{background:var(--accent);color:#fff;font-weight:600}.mini-day.selected{background:var(--accent);color:#fff}.mini-day.has-sessions:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:3px;height:3px;background:var(--accent);border-radius:50%}.mini-day.selected.has-sessions:after,.mini-day.today.has-sessions:after{background:#fff}.status-legend,.masters-legend{display:flex;flex-direction:column;gap:6px}.status-legend h4,.masters-legend h4{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.status-legend-item,.master-legend-item{display:flex;align-items:center;gap:8px;padding:4px 6px;background:var(--bg);border-radius:4px}.status-color,.master-color{width:10px;height:10px;border-radius:3px;flex-shrink:0}.status-name,.master-name{font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);min-width:0}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--card-bg);border-bottom:1px solid var(--border);gap:16px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:10px}.header-left h1{font-size:16px;font-weight:600;color:var(--text);margin:0}.header-center{display:flex;align-items:center;gap:6px}.nav-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px;border-radius:6px;cursor:pointer;transition:all .2s}.nav-btn:hover{background:var(--border)}.current-period{font-size:14px;font-weight:600;color:var(--text);min-width:180px;text-align:center}.today-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.today-btn:hover{background:var(--border)}.header-right{display:flex;align-items:center;gap:10px}.view-mode-toggle{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden}.view-mode-toggle button{background:none;border:none;color:var(--text-secondary);padding:6px 10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-mode-toggle button:hover{background:var(--border);color:var(--text)}.view-mode-toggle button.active{background:var(--accent);color:#fff}.add-session-btn{display:flex;align-items:center;gap:4px;background:var(--accent);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.add-session-btn:hover{opacity:.9}.day-view{flex:1;overflow:auto;padding:12px}.day-grid{display:flex;gap:0;min-width:100%;height:fit-content}.time-column{width:50px;min-width:50px;background:var(--card-bg);border-right:1px solid var(--border);flex-shrink:0}.time-header{height:50px;border-bottom:1px solid var(--border)}.time-slot{height:60px;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;font-size:10px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.master-column{flex:1;min-width:150px;background:var(--card-bg);border-right:1px solid var(--border)}.master-column:last-child{border-right:none}.master-header{height:50px;display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--bg);border-bottom:1px solid var(--border);border-top:3px solid var(--accent)}.master-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.master-header .master-name{flex:1;font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.master-session-count{background:var(--accent);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:8px}.master-slots{position:relative;height:900px}.master-slots .slot{height:60px;border-bottom:1px solid var(--border);cursor:crosshair}.master-slots .slot:hover{background:rgba(var(--accent-rgb),.05)}.drag-preview{position:absolute;left:4px;right:4px;background:#6366f14d;border:2px dashed var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:12px;font-weight:500;pointer-events:none}.session-block{position:absolute;left:4px;right:4px;border-radius:6px;padding:6px 8px;cursor:pointer;overflow:hidden;transition:all .2s;border-left:4px solid;box-shadow:0 1px 3px #00000026}.session-block:hover{transform:scale(1.02);box-shadow:0 4px 12px #0003;z-index:10}.session-block.status-completed,.session-block.status-cancelled{opacity:.6}.session-block.busy-slot{background:repeating-linear-gradient(135deg,#9333ea40,#9333ea40 5px,#9333ea26 5px 10px)!important;border:2px dashed rgba(147,51,234,.7);border-left:4px solid}.session-block.busy-slot:hover{transform:none;box-shadow:0 1px 3px #00000026}.session-block .session-busy-label{font-size:10px;font-weight:600;color:#9333ea;display:block;text-transform:uppercase;letter-spacing:.5px}.session-block .session-status-icon{position:absolute;top:4px;right:4px;color:#fff;opacity:.9}.session-block .session-time{font-size:10px;font-weight:600;color:#fffffff2;display:block}.session-block .session-client{font-size:12px;font-weight:500;color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.session-block .session-price{font-size:10px;color:#ffffffd9;margin-top:2px}.session-master-badge{position:absolute;bottom:4px;right:4px;width:18px;height:18px;border-radius:50%;color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center}.week-view{flex:1;overflow:auto;padding:12px}.week-grid{display:flex;gap:0;min-width:100%}.day-column{flex:1;min-width:100px;background:var(--card-bg);border-right:1px solid var(--border)}.day-column:last-child{border-right:none}.day-column.today{background:rgba(var(--accent-rgb),.03)}.day-header{height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.day-header:hover{background:var(--bg)}.day-name{font-size:10px;color:var(--text-secondary);text-transform:uppercase}.day-number{font-size:16px;font-weight:600;color:var(--text);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.day-number.today{background:var(--accent);color:#fff}.day-slots{position:relative;height:900px}.day-slots .slot{height:60px;border-bottom:1px solid var(--border)}.month-view{flex:1;overflow:auto;padding:12px}.month-header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--card-bg);border:1px solid var(--border);border-radius:8px 8px 0 0}.month-day-name{padding:10px;text-align:center;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;border-right:1px solid var(--border)}.month-day-name:last-child{border-right:none}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);background:var(--card-bg);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px}.month-day{min-height:90px;padding:6px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.month-day:hover{background:var(--bg)}.month-day:nth-child(7n){border-right:none}.month-day.other-month{background:var(--bg);opacity:.5}.month-day.today{background:rgba(var(--accent-rgb),.05)}.month-day-number{font-size:12px;font-weight:500;color:var(--text);margin-bottom:4px}.month-day.today .month-day-number{background:var(--accent);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.month-day-sessions{display:flex;flex-direction:column;gap:2px}.month-session-dot{display:flex;align-items:center;gap:3px;padding:2px 4px;border-radius:3px;font-size:9px;color:#fff}.month-session-time{font-weight:500}.month-more{font-size:9px;color:var(--text-secondary);padding:2px 4px}.modal{background:var(--card-bg);border-radius:12px;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:11px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:13px;transition:border-color .2s}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status-buttons{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.status-buttons label{font-size:11px;font-weight:500;color:var(--text-secondary);margin-bottom:8px;display:block}.status-btn-group{display:flex;gap:6px;flex-wrap:wrap}.status-btn{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;border:2px solid}.status-btn:hover{opacity:.8}.payment-type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.payment-option{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s}.payment-option input{display:none}.payment-option:hover{background:var(--bg)}.payment-option.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent)}.payment-option span{font-size:10px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--border)}.cancel-btn{padding:8px 16px;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.submit-btn,.complete-btn{padding:8px 16px;background:var(--accent);border:none;color:#fff;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.submit-btn:hover,.complete-btn:hover{opacity:.9}.delete-btn{padding:8px 16px;background:#ef4444;border:none;color:#fff;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.delete-btn:hover{background:#dc2626}.session-detail-content{padding:20px;display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;align-items:center;gap:10px}.detail-label{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;min-width:100px}.detail-value{font-size:13px;color:var(--text);font-weight:500}@media(min-width:1400px){.calendar-sidebar{width:220px}.master-column{min-width:180px}.session-block .session-client{font-size:13px}.session-block .session-time{font-size:11px}}@media(min-width:1800px){.calendar-sidebar{width:240px}.master-column{min-width:200px}.day-column{min-width:140px}}@media(max-width:1200px){.calendar-sidebar{width:180px;min-width:180px}.master-column{min-width:130px}}@media(max-width:768px){.calendar-layout{flex-direction:column}.calendar-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:10px;gap:10px}.mini-calendar{min-width:180px}.status-legend,.masters-legend{flex-direction:row;flex-wrap:wrap;align-items:center}.status-legend h4,.masters-legend h4{width:100%}.calendar-header{flex-wrap:wrap;padding:10px 12px;gap:8px}.current-period{min-width:auto;font-size:13px}.day-view,.week-view,.month-view{padding:8px}}.studio-masters-page{padding:1.5rem;max-width:900px;margin:0 auto}.invite-card{background:linear-gradient(135deg,var(--primary),#4f46e5);border-radius:16px;padding:1.25rem;color:#fff;margin-bottom:1.5rem}.invite-header{display:flex;align-items:center;gap:.5rem;font-weight:500;margin-bottom:.75rem}.invite-code-row{display:flex;align-items:center;gap:.5rem}.invite-code{flex:1;background:#fff3;padding:.75rem 1rem;border-radius:8px;font-family:monospace;font-size:1.1rem;letter-spacing:2px}.invite-card .icon-btn{background:#fff3;border:none;border-radius:8px;padding:.65rem;cursor:pointer;color:#fff;transition:all .2s}.invite-card .icon-btn:hover{background:#ffffff4d}.invite-hint{font-size:.8rem;opacity:.8;margin:.75rem 0 0}.masters-list{display:flex;flex-direction:column;gap:.75rem}.master-card{background:var(--surface-secondary);border:1px solid var(--border);border-radius:12px;padding:1rem;transition:all .2s}.master-card.editing{border-color:var(--primary)}.master-header{display:flex;align-items:center;gap:.75rem}.master-avatar{width:44px;height:44px;border-radius:12px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;overflow:hidden}.master-avatar img{width:100%;height:100%;object-fit:cover}.master-info{flex:1;display:flex;flex-direction:column}.master-name{font-weight:500;color:var(--text)}.master-email{font-size:.8rem;color:var(--text-secondary)}.badge{font-size:.7rem;padding:4px 10px;border-radius:20px;font-weight:500}.badge.owner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.master-percent{background:var(--success);color:#fff;font-size:.85rem;font-weight:600;padding:4px 10px;border-radius:8px}.master-actions{display:flex;gap:.5rem}.master-actions button{background:none;border:1px solid var(--border);border-radius:8px;padding:.5rem;cursor:pointer;color:var(--text-secondary);transition:all .2s}.master-actions .edit-btn:hover{border-color:var(--primary);color:var(--primary)}.master-actions .delete-btn:hover{border-color:var(--danger);color:var(--danger)}.master-settings{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.setting-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.setting-row label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary);min-width:80px}.setting-row input{width:70px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;font-size:.9rem;color:var(--text);text-align:center}.setting-row span{color:var(--text-secondary)}.permissions-row label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.permission-chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:flex;align-items:center;gap:4px;padding:.35rem .65rem;border-radius:20px;font-size:.75rem;cursor:pointer;transition:all .2s;border:none}.chip.on{background:var(--success);color:#fff}.chip.off{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.add-admin-form{display:flex;gap:.5rem;margin-bottom:1rem}.add-admin-form input{flex:1;background:var(--surface-secondary);border:1px solid var(--border);border-radius:8px;padding:.65rem .85rem;font-size:.9rem;color:var(--text)}.add-admin-form button{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.65rem 1rem;cursor:pointer}.admins-list{display:flex;flex-direction:column;gap:.5rem}.admin-item{display:flex;align-items:center;justify-content:space-between;background:var(--surface-secondary);border-radius:8px;padding:.65rem .85rem}.admin-item button{background:none;border:none;color:var(--text-secondary);cursor:pointer}.admin-item button:hover{color:var(--danger)}.empty-text{color:var(--text-secondary);font-size:.9rem;text-align:center;padding:1rem}@media(max-width:600px){.master-header{flex-wrap:wrap}.master-percent{margin-left:auto}.master-actions{width:100%;margin-top:.5rem;justify-content:flex-end}}.studio-stats-page{padding:1.5rem;max-width:1000px;margin:0 auto}.studio-stats-page.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-secondary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.period-selector{display:flex;gap:.25rem;background:var(--surface-secondary);border-radius:10px;padding:4px}.period-selector button{background:none;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;cursor:pointer;color:var(--text-secondary);transition:all .2s}.period-selector button:hover{color:var(--text)}.period-selector button.active{background:var(--primary);color:#fff}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem}.stat-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-card.total .stat-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.stat-card.studio .stat-icon{background:linear-gradient(135deg,var(--primary),#4f46e5)}.stat-card.masters .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.sessions .stat-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text)}.stat-label{font-size:.85rem;color:var(--text-secondary)}.section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem}.masters-stats-list{display:flex;flex-direction:column;gap:.5rem}.master-stat-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface-secondary);border-radius:10px;padding:.85rem 1rem}.master-stat-info{display:flex;flex-direction:column}.master-stat-name{font-weight:500;color:var(--text)}.master-stat-sessions{font-size:.8rem;color:var(--text-secondary)}.master-stat-values{display:flex;align-items:center;gap:.75rem}.master-stat-values .revenue{font-size:.9rem;color:var(--text-secondary)}.master-stat-values .share{font-weight:600;color:var(--success)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.empty-state svg{opacity:.3;margin-bottom:1rem}@media(max-width:600px){.stats-cards{grid-template-columns:1fr 1fr}.stat-card{flex-direction:column;text-align:center;padding:1rem}.stat-icon{width:44px;height:44px}}.studio-settings-page{padding:1.5rem;max-width:700px;margin:0 auto}.page-header{margin-bottom:1.5rem}.page-header h1{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;margin:0}.page-header h1 svg{color:var(--primary)}.section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;margin-bottom:1rem}.section h2{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;margin:0 0 1rem}.section-hint{font-size:.85rem;color:var(--text-secondary);margin:-.5rem 0 1rem;padding:.5rem .75rem;background:var(--surface-secondary);border-radius:6px}.info-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-row label{color:var(--text-secondary);font-size:.9rem}.info-value{font-weight:500;color:var(--text)}.info-code{background:var(--surface-secondary);padding:.4rem .75rem;border-radius:6px;font-family:monospace;font-size:.9rem;color:var(--primary)}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.setting-row label{display:flex;align-items:center;gap:.5rem;color:var(--text);font-size:.95rem}.setting-row label svg{color:var(--text-secondary)}.setting-input{display:flex;align-items:center;gap:.5rem}.setting-input input{width:80px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;font-size:1rem;color:var(--text);text-align:center}.setting-input span{color:var(--text-secondary)}.save-btn{width:100%;margin-top:1rem;background:var(--primary);color:#fff;border:none;border-radius:10px;padding:.85rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.save-btn:hover:not(:disabled){filter:brightness(1.1)}.save-btn:disabled{opacity:.7;cursor:not-allowed}.event-types-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.event-type-item{display:flex;align-items:center;gap:.75rem;background:var(--surface-secondary);border-radius:10px;padding:.75rem 1rem}.event-color{width:20px;height:20px;border-radius:6px}.event-name{flex:1;color:var(--text)}.default-badge{font-size:.7rem;background:var(--surface);color:var(--text-secondary);padding:3px 8px;border-radius:10px}.delete-type-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.delete-type-btn:hover{color:var(--danger)}.add-type-form{background:var(--surface-secondary);border-radius:12px;padding:1rem}.add-type-form h4{font-size:.9rem;margin:0 0 .75rem}.add-type-form .form-row{display:flex;gap:.5rem;margin-bottom:.5rem}.add-type-form input[type=text]{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem .85rem;font-size:.9rem;color:var(--text)}.add-type-form input[type=color]{width:44px;height:38px;padding:0;border:none;border-radius:8px;cursor:pointer}.add-btn{display:flex;align-items:center;gap:.4rem;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.6rem 1rem;font-size:.9rem;cursor:pointer}.danger-section{border-color:var(--danger)}.danger-section h2{color:var(--danger)}.delete-studio-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:var(--danger);color:#fff;border:none;border-radius:10px;padding:.85rem;font-size:1rem;font-weight:500;cursor:pointer}.delete-studio-btn:hover{filter:brightness(1.1)}.studio-projects{padding:20px;height:100%;display:flex;flex-direction:column;gap:20px}.studio-projects.loading{display:flex;align-items:center;justify-content:center}.projects-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:12px}.header-left h1{font-size:20px;font-weight:600;color:var(--text);margin:0}.header-left svg{color:var(--accent)}.projects-count{background:var(--accent);color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px}.header-right{display:flex;align-items:center;gap:12px}.search-box{display:flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.search-box input{border:none;background:transparent;color:var(--text);font-size:14px;width:180px}.search-box input:focus{outline:none}.search-box svg{color:var(--text-secondary)}.add-btn{display:flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.add-btn:hover{opacity:.9}.stage-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;cursor:pointer;transition:all .2s}.filter-btn:hover{background:var(--bg)}.filter-btn.active{border-color:var(--accent-color, var(--accent));background:rgba(var(--accent-rgb),.1)}.filter-dot{width:8px;height:8px;border-radius:50%}.filter-count{color:var(--text-secondary);font-size:12px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;flex:1;overflow-y:auto}.project-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:12px}.project-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-header{display:flex;align-items:center;justify-content:space-between}.stage-badge{font-size:11px;font-weight:600;color:#fff;padding:4px 10px;border-radius:6px;text-transform:uppercase}.master-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.project-title{font-size:16px;font-weight:600;color:var(--text);margin:0}.project-meta{display:flex;flex-direction:column;gap:6px}.meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.meta-item svg{width:14px;height:14px}.meta-item.price{color:var(--accent);font-weight:500}.card-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.view-more{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--accent);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;color:var(--text-secondary)}.empty-state svg{opacity:.5}.empty-state h3{margin:0;color:var(--text)}.empty-state p{margin:0}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--card-bg);border-radius:12px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal.small{max-width:360px}.modal.large{max-width:600px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:16px;font-weight:600;color:var(--text);margin:0}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px}.close-btn:hover{background:var(--border);color:var(--text)}.modal form{padding:20px;display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.client-select-row{display:flex;gap:8px}.client-select-row select{flex:1}.new-client-btn{background:var(--accent);color:#fff;border:none;padding:10px 12px;border-radius:8px;cursor:pointer}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--border)}.cancel-btn{padding:10px 18px;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;font-size:14px;cursor:pointer}.cancel-btn:hover{background:var(--border)}.submit-btn{padding:10px 18px;background:var(--accent);border:none;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.submit-btn:hover{opacity:.9}.project-detail-content{padding:20px;display:flex;flex-direction:column;gap:20px}.detail-section{display:flex;flex-direction:column;gap:10px}.detail-section h4{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin:0}.detail-section p{margin:0;color:var(--text);font-size:14px;line-height:1.5}.stage-buttons{display:flex;gap:6px;flex-wrap:wrap}.stage-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border:2px solid}.stage-btn:hover{opacity:.8}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.detail-item span{font-size:14px;font-weight:500;color:var(--text)}.sessions-list{display:flex;flex-direction:column;gap:8px}.session-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg);border-radius:8px;font-size:13px;color:var(--text)}.session-item svg{color:var(--accent)}.session-price{margin-left:auto;color:var(--accent);font-weight:500}.no-sessions{color:var(--text-secondary);font-style:italic}@media(max-width:768px){.projects-header{flex-direction:column;align-items:stretch}.header-right{justify-content:space-between}.search-box input{width:120px}.projects-grid,.detail-grid{grid-template-columns:1fr}}.studio-clients-page{max-width:900px;padding-bottom:2rem;animation:fadeIn .4s ease-out}.studio-clients-page.loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted)}.studio-clients-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.studio-clients-page .page-title{font-size:1.5rem;font-weight:700;color:var(--text)}.studio-clients-page .add-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border:none;border-radius:12px;padding:.75rem 1.25rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #6366f14d}.studio-clients-page .add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.studio-clients-page .search-box{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:.85rem 1rem;margin-bottom:1.5rem;transition:all .25s ease}.studio-clients-page .search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.studio-clients-page .search-box input{flex:1;background:none;border:none;color:var(--text);font-size:1rem;outline:none}.studio-clients-page .search-box input::placeholder{color:var(--text-muted)}.studio-clients-page .search-box svg{color:var(--text-muted)}.studio-clients-page .clients-list{display:flex;flex-direction:column;gap:.75rem}.studio-clients-page .client-card{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .5s ease-out both}.studio-clients-page .client-card:hover{border-color:var(--primary);transform:translate(4px);box-shadow:0 4px 20px #0000001a}.studio-clients-page .client-avatar{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--purple));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.studio-clients-page .client-info{flex:1;min-width:0}.studio-clients-page .client-name{font-weight:600;color:var(--text);margin-bottom:.35rem;font-size:1.05rem}.studio-clients-page .client-contact{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.85rem;margin-top:.2rem}.studio-clients-page .client-contact svg{color:var(--text-muted)}.studio-clients-page .client-actions{display:flex;gap:.5rem}.studio-clients-page .action-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.studio-clients-page .action-btn:hover{border-color:var(--primary);color:var(--primary);background:#6366f11a}.studio-clients-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);text-align:center}.studio-clients-page .empty-state svg{margin-bottom:1rem;opacity:.5}.studio-clients-page .empty-state p{font-size:1rem}.studio-clients-page .modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.25rem;animation:fadeIn .2s ease-out}.studio-clients-page .modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.5rem;width:100%;max-width:450px;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 60px #0000004d}.studio-clients-page .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.studio-clients-page .modal-header h2{color:var(--text);font-size:1.25rem;margin:0}.studio-clients-page .close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;transition:color .2s}.studio-clients-page .close-btn:hover{color:var(--text)}.studio-clients-page .form-group{margin-bottom:1rem}.studio-clients-page .form-group label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.studio-clients-page .form-group input,.studio-clients-page .form-group textarea{width:100%;background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:.85rem 1rem;color:var(--text);font-size:1rem;transition:all .2s ease}.studio-clients-page .form-group input:focus,.studio-clients-page .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.studio-clients-page .form-group input::placeholder,.studio-clients-page .form-group textarea::placeholder{color:var(--text-muted)}.studio-clients-page .form-group textarea{resize:vertical;min-height:80px}.studio-clients-page .modal-buttons{display:flex;gap:.75rem;margin-top:1.5rem}.studio-clients-page .btn-cancel{flex:1;background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:.85rem;color:var(--text);font-weight:600;cursor:pointer;transition:all .2s ease}.studio-clients-page .btn-cancel:hover{border-color:var(--text-muted)}.studio-clients-page .btn-submit{flex:1;background:linear-gradient(135deg,var(--primary),var(--purple));border:none;border-radius:12px;padding:.85rem;color:#fff;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #6366f14d}.studio-clients-page .btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:600px){.studio-clients-page .page-header{flex-direction:column;gap:1rem;align-items:stretch}.studio-clients-page .page-title{font-size:1.3rem}.studio-clients-page .add-btn{justify-content:center}.studio-clients-page .client-card{padding:.85rem}.studio-clients-page .client-avatar{width:44px;height:44px}.studio-clients-page .client-name{font-size:.95rem}.studio-clients-page .modal{padding:1.25rem;margin:1rem}}:root{--bg: #000;--surface: #111;--surface-secondary: #1a1a1a;--border: #333;--text: #fff;--text-secondary: #aaa;--text-muted: #666;--primary: #6366f1;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--purple: #8b5cf6}.light{--bg: #f5f5f5;--surface: #fff;--surface-secondary: #f0f0f0;--border: #e0e0e0;--text: #111;--text-secondary: #666;--text-muted: #999}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}input,textarea,select,button{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-fade-in-up{animation:fadeInUp .5s ease-out}.animate-fade-in-down{animation:fadeInDown .5s ease-out}.animate-slide-in-left{animation:slideInLeft .4s ease-out}.animate-slide-in-right{animation:slideInRight .4s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.stagger-1{animation-delay:.05s;animation-fill-mode:both}.stagger-2{animation-delay:.1s;animation-fill-mode:both}.stagger-3{animation-delay:.15s;animation-fill-mode:both}.stagger-4{animation-delay:.2s;animation-fill-mode:both}.stagger-5{animation-delay:.25s;animation-fill-mode:both}.stagger-6{animation-delay:.3s;animation-fill-mode:both}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.app-card:hover{border-color:#6366f14d;box-shadow:0 4px 20px #00000026}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;background:linear-gradient(135deg,var(--primary),var(--purple));border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;background:var(--surface);border:2px solid var(--border);border-radius:12px;color:var(--text);font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{border-color:var(--primary);background:#6366f11a}.page-container{animation:fadeInUp .4s ease-out}button,a,input,select,textarea{transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}