@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-purple:#7c3aed;--brand-blue:#2563eb;--brand-gradient:linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);--brand-gradient-soft:linear-gradient(135deg, #7c3aed14 0%, #2563eb14 100%);--sidebar-bg:#0f172a;--sidebar-hover:#ffffff0f;--sidebar-active:#7c3aed2e;--sidebar-text:#94a3b8;--sidebar-text-active:#fff;--sidebar-border:#ffffff0f;--sidebar-width:260px;--bg:#f8fafc;--bg-white:#fff;--bg-elevated:#fff;--text:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 32px #0000001a, 0 4px 8px #0000000f;--shadow-purple:0 8px 24px #7c3aed33;--green:#10b981;--green-bg:#ecfdf5;--green-text:#065f46;--yellow:#f59e0b;--yellow-bg:#fffbeb;--yellow-text:#92400e;--red:#ef4444;--red-bg:#fef2f2;--red-text:#991b1b;--blue:#3b82f6;--blue-bg:#eff6ff;--blue-text:#1e40af;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--transition:all .18s cubic-bezier(.4, 0, .2, 1);--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}html,body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{display:block}.dashboard-layout{min-height:100dvh;display:flex}.dashboard-main{background:var(--bg);flex:1;min-width:0;padding:2rem 2.5rem}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);scrollbar-width:none;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{display:none}.sidebar-logo{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;align-items:center;gap:10px;padding:1.5rem 1.25rem 1.25rem;display:flex}.sidebar-logo-icon{background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 2px 8px #00000040}.sidebar-logo-text{color:#fff;letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.sidebar-logo-sub{color:var(--sidebar-text);letter-spacing:.04em;text-transform:uppercase;font-size:.65rem;font-weight:500}.sidebar-user{border-radius:var(--radius);border:1px solid var(--sidebar-border);background:#ffffff0a;align-items:center;gap:10px;margin:.75rem .75rem 0;padding:.875rem 1.25rem;display:flex}.sidebar-avatar{background:var(--brand-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;display:block;overflow:hidden}.sidebar-user-role{color:var(--sidebar-text);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;display:block;overflow:hidden}.sidebar-nav{scrollbar-width:none;flex:1;padding:.75rem .75rem 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-text);opacity:.7;padding:1rem .625rem .375rem;font-size:.62rem;font-weight:700}.sidebar-link{border-radius:var(--radius-sm);color:var(--sidebar-text);transition:var(--transition);align-items:center;gap:.625rem;margin-bottom:2px;padding:.55rem .75rem;font-size:.82rem;font-weight:500;display:flex;position:relative}.sidebar-link:hover{background:var(--sidebar-hover);color:#fff}.sidebar-link.active{background:var(--sidebar-active);color:var(--sidebar-text-active);font-weight:600}.sidebar-link.active:before{content:"";background:var(--brand-gradient);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link-icon{opacity:.7;flex-shrink:0;width:16px;height:16px}.sidebar-link.active .sidebar-link-icon,.sidebar-link:hover .sidebar-link-icon{opacity:1}.sidebar-badge{background:var(--brand-purple);color:#fff;text-align:center;border-radius:20px;min-width:18px;margin-left:auto;padding:2px 6px;font-size:.6rem;font-weight:700}.sidebar-bottom{border-top:1px solid var(--sidebar-border);flex-shrink:0;padding:.75rem}.sidebar-logout{border-radius:var(--radius-sm);color:#f87171;width:100%;transition:var(--transition);text-align:left;background:0 0;align-items:center;gap:.625rem;padding:.55rem .75rem;font-size:.82rem;font-weight:500;display:flex}.sidebar-logout:hover{color:#fca5a5;background:#ef44441a}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.page-title{color:var(--text);letter-spacing:-.02em;font-size:1.375rem;font-weight:700;line-height:1.3}.page-subtitle{color:var(--text-muted);margin-top:.2rem;font-size:.82rem}.welcome-banner{background:var(--brand-gradient);border-radius:var(--radius-xl);margin-bottom:1.5rem;padding:1.75rem 2rem;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:#ffffff0f;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-5%}.welcome-banner:after{content:"";background:#ffffff0a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60%;right:10%}.welcome-banner-title{color:#fff;z-index:1;margin-bottom:.25rem;font-size:1.3rem;font-weight:700;position:relative}.welcome-banner-sub{color:#ffffffbf;z-index:1;font-size:.85rem;position:relative}.welcome-banner-badge{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:20px;align-items:center;margin-top:.875rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex;position:relative}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:1.25rem 1.375rem;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card-accent{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:.875rem;display:flex}.stat-card-accent.purple{background:#7c3aed1a}.stat-card-accent.blue{background:#2563eb1a}.stat-card-accent.green{background:#10b9811a}.stat-card-accent.amber{background:#f59e0b1a}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:flex-start;min-height:2.1rem;margin-bottom:.25rem;font-size:.72rem;font-weight:600;display:flex}.stat-value{color:var(--text);letter-spacing:-.02em;font-size:1.625rem;font-weight:800;line-height:1.2}.stat-sub{color:var(--text-muted);margin-top:.2rem;font-size:.72rem}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.375rem 1.5rem}.card-title{color:var(--text);letter-spacing:-.01em;margin-bottom:1rem;font-size:.9rem;font-weight:700}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.announcement{border-radius:var(--radius);border:1px solid #0000;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;padding:.875rem 1rem;display:flex}.announcement.info{background:var(--blue-bg);border-color:#bfdbfe}.announcement.warning{background:var(--yellow-bg);border-color:#fde68a}.announcement.success{background:var(--green-bg);border-color:#a7f3d0}.announcement.error{background:var(--red-bg);border-color:#fecaca}.announcement-title{margin-bottom:.2rem;font-size:.82rem;font-weight:700}.announcement-body{color:var(--text-secondary);font-size:.8rem}.announcement-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:2px;font-size:1.1rem;line-height:1}.announcement-close:hover{color:var(--text)}.table-wrapper{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}table{border-collapse:collapse;width:100%;font-size:.83rem}thead{background:var(--bg);border-bottom:1px solid var(--border)}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;padding:.7rem 1rem;font-size:.7rem;font-weight:700}td{border-bottom:1px solid var(--border-light);color:var(--text);vertical-align:middle;padding:.825rem 1rem}tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}tbody tr:hover td{background:#fafbfc}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green-text)}.badge-yellow{background:var(--yellow-bg);color:var(--yellow-text)}.badge-red{background:var(--red-bg);color:var(--red-text)}.badge-blue{background:var(--blue-bg);color:var(--blue-text)}.badge-purple{color:var(--brand-purple);background:#7c3aed1a}.badge-gray{color:#64748b;background:#f1f5f9}.btn{border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap;letter-spacing:-.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:.375rem;padding:.55rem 1.1rem;font-size:.82rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-purple)}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 10px 28px #7c3aed4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{background:var(--bg);border-color:#cbd5e1}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-danger{background:var(--red-bg);color:var(--red-text);border-color:#fecaca}.btn-danger:hover{background:#fee2e2;border-color:#fca5a5}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-xs{padding:.25rem .6rem;font-size:.7rem}.btn-icon{border-radius:var(--radius-sm);width:34px;height:34px;padding:0}.form-group{margin-bottom:1rem}.form-label{color:var(--text);letter-spacing:-.01em;margin-bottom:.375rem;font-size:.78rem;font-weight:600;display:block}.form-input,.form-textarea,.form-select{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--bg-white);transition:var(--transition);-webkit-appearance:none;outline:none;padding:.6rem .875rem;font-size:.83rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--brand-purple);box-shadow:0 0 0 3px #7c3aed1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.filter-tabs{flex-wrap:wrap;gap:.375rem;margin-bottom:1.25rem;display:flex}.search-wrapper{display:inline-block;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:280px;color:var(--text);background:var(--bg-white);transition:var(--transition);outline:none;padding:.55rem .875rem .55rem 2.25rem;font-size:.82rem}.search-input:focus{border-color:var(--brand-purple);box-shadow:0 0 0 3px #7c3aed1a}.message-bubble{border-radius:var(--radius-lg);max-width:78%;padding:.75rem 1rem}.message-bubble.admin{background:var(--brand-gradient);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.message-bubble.customer{background:var(--bg);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.message-meta{color:var(--text-muted);margin-bottom:.3rem;font-size:.68rem}.message-bubble.admin .message-meta{color:#ffffffb3}.message-text{white-space:pre-wrap;font-size:.83rem;line-height:1.55}.messages-container{flex-direction:column;gap:.875rem;min-height:200px;padding:1rem;display:flex}@keyframes loginOrbFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}@keyframes loginOrbFloat2{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(25px)scale(.97)}}@keyframes loginCardIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes loginLabelFloat{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-page{background:linear-gradient(145deg,#f0f4ff 0%,#f8f5ff 50%,#eef2ff 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;filter:blur(4px);background:radial-gradient(circle,#7c3aed1a 0%,#7c3aed08 45%,#0000 70%);width:680px;height:680px;animation:8s ease-in-out infinite loginOrbFloat;position:absolute;top:-15%;left:-8%}.login-page:after{content:"";pointer-events:none;filter:blur(4px);background:radial-gradient(circle,#2563eb14 0%,#2563eb05 45%,#0000 70%);width:600px;height:600px;animation:10s ease-in-out infinite loginOrbFloat2;position:absolute;bottom:-18%;right:-8%}.login-page .login-orb3{pointer-events:none;background:radial-gradient(circle,#7c3aed0f 0%,#0000 70%);width:300px;height:300px;animation:12s ease-in-out infinite reverse loginOrbFloat;position:absolute;top:20%;right:12%}.login-page .login-grid{pointer-events:none;background-image:linear-gradient(#7c3aed0a 1px,#0000 1px),linear-gradient(90deg,#7c3aed0a 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.login-card{z-index:1;background:#fff;border:1px solid #7c3aed1f;border-radius:24px;width:100%;max-width:430px;padding:2.75rem;animation:.55s cubic-bezier(.16,1,.3,1) both loginCardIn;position:relative;box-shadow:0 0 0 1px #7c3aed0f,0 20px 60px #7c3aed1a,0 4px 16px #0000000f}.login-card:before{content:"";background:var(--brand-gradient);opacity:.5;border-radius:0 0 4px 4px;height:2px;position:absolute;top:0;left:10%;right:10%}.login-logo{align-items:center;gap:12px;margin-bottom:2.25rem;animation:.5s .1s both loginLabelFloat;display:flex}.login-logo-icon{background:#fff;border:1.5px solid #7c3aed26;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 8px #00000014}.login-logo-text{color:var(--text);letter-spacing:-.02em;font-size:1.3rem;font-weight:800}.login-title{color:var(--text);letter-spacing:-.03em;margin-bottom:.4rem;font-size:1.5rem;font-weight:700;animation:.5s .15s both loginLabelFloat}.login-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.84rem;animation:.5s .2s both loginLabelFloat}.login-card .form-label{color:var(--text-secondary);letter-spacing:.01em;font-size:.78rem;font-weight:500}.login-card .form-input{background:var(--bg);border:1px solid var(--border);color:var(--text);transition:all .2s}.login-card .form-input::placeholder{color:var(--text-muted)}.login-card .form-input:focus{border-color:var(--brand-purple);background:#fff;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.login-card .btn-primary{background:var(--brand-gradient);letter-spacing:.01em;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 4px 20px #7c3aed66,0 2px 8px #0000004d}.login-card .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #7c3aed8c,0 2px 8px #0000004d}.login-card .btn-primary:active:not(:disabled){transform:translateY(0)}.forgot-link{font-size:.78rem;transition:color .15s;color:#7c3aede6!important}.forgot-link:hover{color:#a78bfa!important}.login-error{background:var(--red-bg);color:var(--red-text);border-radius:var(--radius-sm);border:1px solid #fecaca;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.7rem .875rem;font-size:.8rem;display:flex}.login-success{background:var(--green-bg);color:var(--green-text);border-radius:var(--radius-sm);border:1px solid #a7f3d0;margin-bottom:1.25rem;padding:.7rem .875rem;font-size:.8rem}.login-divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.75rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.forgot-link{color:var(--brand-purple);transition:var(--transition);font-size:.78rem;font-weight:500}.forgot-link:hover{opacity:.8}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-white);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg);padding:1.625rem;animation:.2s cubic-bezier(.34,1.56,.64,1) slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.modal-title{color:var(--text);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.modal-close{border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;font-size:1rem;display:flex}.modal-close:hover{background:var(--border);color:var(--text)}.empty-state{text-align:center;color:var(--text-muted);padding:3.5rem 1rem}.empty-state-icon{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--text-muted);justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.empty-state-title{color:var(--text-secondary);margin-bottom:.25rem;font-size:.9rem;font-weight:600}.empty-state-text{color:var(--text-muted);font-size:.8rem}.auth-loader{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100vh;display:flex}.auth-spinner{border:2.5px solid var(--border);border-top-color:var(--brand-purple);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-loader-text{color:var(--text-secondary);font-size:.83rem;font-weight:500}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f1f5f9 25%,#e9eef4 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.alert{border-radius:var(--radius);border:1px solid #0000;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;font-size:.82rem;display:flex}.alert-success{background:var(--green-bg);color:var(--green-text);border-color:#a7f3d0}.alert-error{background:var(--red-bg);color:var(--red-text);border-color:#fecaca}.alert-info{background:var(--blue-bg);color:var(--blue-text);border-color:#bfdbfe}.action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.detail-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.memo-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);padding:1rem 1.125rem;position:relative}.memo-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.event-row{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.event-row:hover{box-shadow:var(--shadow-md)}.event-color-bar{border-radius:4px;flex-shrink:0;align-self:stretch;width:4px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.ml-auto{margin-left:auto}.text-sm{font-size:.82rem}.text-xs{font-size:.72rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.w-full{width:100%}.min-w-0{min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.monospace{font-family:SF Mono,Fira Code,Consolas,monospace}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.divider{background:var(--border);height:1px;margin:1rem 0}html{scrollbar-width:thin;scrollbar-color:#7c3aed73 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c3aed73;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7c3aedb3}.mobile-header{background:var(--bg-white);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 1rem;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 8px #0000000f}.mobile-header-logo{align-items:center;gap:10px;display:flex}.mobile-hamburger{border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-hamburger:hover{background:var(--border)}.mobile-hamburger svg{width:20px;height:20px}.drawer-overlay{z-index:200;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;transition:opacity .25s;display:none;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.sidebar-desktop{display:flex}.sidebar-drawer{z-index:300;width:280px;height:100dvh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:none;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-drawer.open{transform:translate(0)}.drawer-close-btn{width:36px;height:36px;color:var(--sidebar-text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background .15s;display:flex}.drawer-close-btn:hover{background:#ffffff26}.drawer-close-btn svg{width:16px;height:16px}.bottom-nav{background:var(--bg-white);border-top:1px solid var(--border);z-index:1000;padding:0 .25rem;padding-bottom:env(safe-area-inset-bottom,0px);height:calc(60px + env(safe-area-inset-bottom,0px));will-change:transform;backface-visibility:hidden;display:none;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0);box-shadow:0 -4px 16px #0000000f}.bottom-nav:after{content:"";background:var(--bg-white);height:200px;position:absolute;bottom:-200px;left:0;right:0}.bottom-nav-item{height:60px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:.25rem;font-family:inherit;text-decoration:none;transition:color .15s;display:flex;position:relative}.bottom-nav-item.active{color:var(--brand-purple)}.bottom-nav-item.active:before{content:"";background:var(--brand-gradient);border-radius:2px;width:24px;height:3px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.bottom-nav-icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.bottom-nav-icon svg{stroke-width:1.8px;width:22px;height:22px}.bottom-nav-label{letter-spacing:.01em;white-space:nowrap;font-size:.65rem;font-weight:500}@media (max-width:768px){.mobile-header,.bottom-nav{display:flex}.drawer-overlay{display:block}.sidebar-drawer{flex-direction:column;display:flex}.sidebar-desktop{display:none}.dashboard-layout{flex-direction:column;min-height:100dvh}.dashboard-main{padding:calc(56px + 1rem) 1rem 1rem;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px) + 1.5rem);width:100%;min-height:100dvh}.page-title{font-size:1.2rem}.welcome-banner-title{font-size:1.1rem}.welcome-banner{padding:1.25rem}.welcome-banner:before{width:180px;height:180px}.welcome-banner:after{width:120px;height:120px}.grid-2,.grid-3{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.card{padding:1rem}.btn{min-height:40px}.btn-sm{min-height:36px;padding:.45rem .875rem}.btn-xs{min-height:32px}.filter-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin-bottom:1rem;padding-bottom:2px;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs .btn,.filter-tabs button{flex-shrink:0;min-height:28px!important;padding:.3rem .7rem!important;font-size:.72rem!important}.search-wrapper{width:100%;display:block}.search-input{width:100%}.action-bar{flex-direction:row;align-items:center;gap:.5rem}.mobile-filter-select{flex-shrink:0;width:auto;min-width:105px;max-width:135px;height:36px;line-height:36px;border-radius:var(--radius)!important;padding:0 1.8rem 0 .6rem!important;font-size:.75rem!important}.action-bar .search-wrapper{flex:1;min-width:0;display:block}.action-bar .search-input{width:100%;height:36px;line-height:36px;border-radius:var(--radius)!important;padding:0 .75rem 0 2.1rem!important;font-size:.75rem!important}.action-bar .search-icon{width:13px;height:13px;left:.6rem}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.page-header .btn{justify-content:center;width:100%}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius);overflow-x:auto}table{min-width:600px}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:100%;max-height:92dvh;padding-bottom:calc(1.625rem + env(safe-area-inset-bottom,0px));margin:0;overflow-y:auto}.badge{padding:.2rem .5rem;font-size:.7rem}.detail-header{gap:.5rem}}@media (max-width:360px){.stats-grid{grid-template-columns:1fr}.bottom-nav-label{font-size:.6rem}.mobile-header{height:52px}.dashboard-main{padding-top:calc(52px + .75rem)}}input,textarea,select{font-size:16px!important}@media (max-width:768px){.login-page{justify-content:center;align-items:center;height:100dvh;padding:1.25rem 1rem;overflow:hidden}.login-card{border-radius:20px;width:100%;max-width:420px;margin:0 auto;padding:1.75rem 1.25rem}.login-title{font-size:1.3rem}.login-subtitle{margin-bottom:1.5rem;font-size:.82rem}}@media (max-width:480px){.login-card{border-radius:16px;padding:1.5rem 1rem}.login-title{font-size:1.2rem}}@media (max-width:640px){.welcome-banner{align-items:flex-start!important;gap:.875rem!important;padding:1.1rem 1.125rem!important}.welcome-banner h1{margin-bottom:.1rem!important;font-size:1.15rem!important}.welcome-banner p{font-size:.75rem!important}.welcome-banner>div:last-child>div:first-child{width:46px!important;height:46px!important;font-size:1rem!important}}@media (max-width:768px){html,body{width:100%;height:100%;position:fixed;overflow:hidden}.dashboard-layout{height:100%;overflow:hidden}.dashboard-main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;height:100%;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px));overflow-y:auto}}@media (max-width:640px){.page-hero{min-height:72px;flex-direction:row!important;align-items:center!important;gap:.625rem!important;padding:.875rem 1rem!important}.page-hero-left{min-width:0;flex:1!important}.page-hero-left>div:first-child{border-radius:10px!important;width:38px!important;height:38px!important}.page-hero-title{word-break:break-word;white-space:normal!important;font-size:1rem!important}.page-hero-left p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.7rem!important}.page-hero-right{flex-shrink:0!important;flex:unset!important}.page-hero-right button,.page-hero-right a{white-space:nowrap;width:auto!important;padding:.5rem .75rem!important;font-size:.75rem!important}}.mobile-filter-select{display:none}.desktop-filter{display:flex}@media (max-width:768px){.mobile-filter-select{border-radius:var(--radius);border:1.5px solid var(--border);background:var(--bg-white);width:100%;color:var(--text);font-family:var(--font);cursor:pointer;appearance:none;box-shadow:var(--shadow-sm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;outline:none;padding:.3rem 2.25rem .3rem .6rem;font-size:.75rem;font-weight:600;transition:border-color .15s;display:block}.mobile-filter-select:focus{border-color:var(--brand-purple);box-shadow:0 0 0 3px #7c3aed1f}.desktop-filter{display:none!important}}@media (max-width:640px){.finance-donut{display:none}}.account-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;display:grid}@media (max-width:640px){.account-grid{grid-template-columns:1fr}}.billing-new-layout{grid-template-columns:420px 1fr;min-height:calc(100vh - 118px);display:grid}.billing-new-form{border-right:1px solid #e2e8f0}.billing-preview-fab{display:none}@media (max-width:768px){.billing-new-layout{grid-template-columns:1fr}.billing-new-form{border-right:none;min-height:auto}.billing-new-preview{display:none!important}.billing-preview-fab{z-index:1050;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.125rem;font-family:inherit;font-size:.82rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:125px;right:16px;box-shadow:0 6px 24px #7c3aed73}.billing-preview-fab:active{transform:scale(.95);box-shadow:0 3px 12px #7c3aed59}}.billing-topbar{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:14px;height:58px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 1px 8px #0000000f}.billing-topbar-title{flex:1;min-width:0}.billing-topbar-toggle{flex-shrink:0}@media (max-width:768px){.billing-topbar{z-index:150;border-radius:0;flex-wrap:wrap;gap:8px;width:100%;height:auto;margin:0;padding:10px 16px 12px;position:fixed;top:56px;left:0;right:0;box-shadow:0 2px 10px #00000014}.billing-topbar-back{flex-shrink:0;order:1}.billing-topbar-toggle{flex-shrink:0;order:2;margin-left:auto}.billing-topbar-title{border-top:1px solid #f1f5f9;flex:none;order:3;width:100%;margin-top:2px;padding-top:10px}.billing-topbar-title>div:first-child{font-weight:800;font-size:13px!important}.billing-topbar-status{display:none!important}.billing-new-layout{padding-top:96px}}@media (max-width:360px){.billing-topbar{padding:8px 12px 10px;top:52px}.billing-new-layout{padding-top:88px}}.billing-bottom-bar{z-index:1100;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014}@media (max-width:768px){.billing-bottom-bar{flex-wrap:wrap;gap:6px;padding:10px 14px 12px;bottom:0}.billing-bottom-bar>div:first-child{border-bottom:1px solid #f1f5f9;flex:none;width:100%;margin-bottom:2px;padding-bottom:8px}.billing-bottom-bar>div:last-child{gap:6px;width:100%;display:flex}.billing-bottom-bar>div:last-child>button{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden;padding:8px 4px!important;font-size:11px!important}}body.no-bottom-nav .bottom-nav{display:none!important}body.no-bottom-nav .dashboard-main{padding-bottom:0!important}body.no-bottom-nav .billing-bottom-bar{bottom:0}@media (max-width:768px){body.no-bottom-nav .dashboard-main{padding-left:0!important;padding-right:0!important}body.no-bottom-nav .billing-new-layout{width:100%;padding-top:96px;overflow-x:hidden}body.no-bottom-nav .billing-new-form{background:#f8fafc;padding:12px 12px 140px!important}body.no-bottom-nav .billing-new-form>div{border-radius:10px;overflow:hidden}}.btn-label-mobile{display:none}.btn-label-desktop{display:inline}@media (max-width:768px){.btn-label-desktop{display:none}.btn-label-mobile{display:inline}.billing-bottom-bar>div:last-child>button{text-align:center;justify-content:center;align-items:center;display:flex!important}.billing-new-form{padding-bottom:130px!important}.billing-new-form>div>div[style]{border-radius:10px!important;margin-bottom:10px!important;padding:14px 12px!important}.billing-new-form h3,.billing-new-form>div>div>div:first-child>span,.billing-new-form input,.billing-new-form select,.billing-new-form textarea{font-size:13px!important}.billing-icon-input{padding-left:32px!important}.billing-new-form label{margin-bottom:3px!important;font-size:10px!important}.billing-num-badge{display:none!important}.subs-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important;margin-bottom:1rem!important}.subs-stats-grid .card{padding:.9rem!important}.subs-stats-grid .card>div:last-child{font-size:1.15rem!important}.subs-filter-tabs{flex-wrap:wrap;gap:5px!important}.subs-filter-tabs>span{text-align:right;width:100%;margin-top:2px}.subs-table-wrap thead{display:none}.subs-table-wrap table{width:100%;display:block}.subs-table-wrap tbody{flex-direction:column;gap:8px;padding:10px;display:flex}.subs-table-wrap tr{background:#fff;border:1.5px solid #f1f5f9;border-radius:12px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden;box-shadow:0 1px 3px #0000000a}.subs-table-wrap td[data-label=Kunde]{background:#fafbff;border-bottom:1px solid #f8fafc;grid-column:1/-1;padding:12px 14px 8px!important}.subs-table-wrap td[data-label=Status]{grid-area:2/2;justify-content:flex-end;align-items:center;display:flex;padding:8px 14px!important}.subs-table-wrap td[data-label=Paket]{grid-area:2/1;padding:8px 14px!important}.subs-table-wrap td[data-label=Intervall]{grid-area:3/1;padding:4px 14px!important}.subs-table-wrap td[data-label=Betrag]{text-align:right;grid-area:3/2;padding:4px 14px!important}.subs-table-wrap td[data-label=Fälligkeit]{grid-column:1/-1;padding:4px 14px 10px!important}.subs-table-wrap td[data-label=""]{border-top:1px solid #f8fafc;grid-column:1/-1;padding:8px 14px 12px!important}.subs-table-wrap td[data-label=""]:before{display:none}.subs-table-wrap td[data-label]:not([data-label=Kunde]):not([data-label=""]):before{content:attr(data-label);color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:9px;font-weight:700;display:block}}@media (max-width:640px){.rep-card{align-items:flex-start!important}.rep-card-actions{border-top:1px solid var(--border);justify-content:flex-end;width:100%;margin-top:.25rem;padding-top:.25rem}}@media (max-width:600px){.user-hero-stats{border-top:1px solid #ffffff26;justify-content:flex-start;width:100%;margin-top:.25rem;padding-top:.75rem;gap:1.25rem!important}.user-hero-actions{border-top:1px solid #ffffff26;width:100%;margin-top:.25rem;padding-top:.75rem;margin-left:0!important}}