:root{--primary:#3b82f6;--primary-hover:#2b6cb0;--secondary:#64748b;--background:#0f172a;--background-dark:#0d121b;--foreground:#fff;--text-primary:var(--foreground);--text-secondary:var(--gray-400);--admin-sidebar:#0d121b;--admin-sidebar-hover:#1e293b;--admin-accent:#3b82f6;--admin-content-bg:#0f172a;--modal-bg:#1a1d29;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--gray-50:#1e293b;--gray-100:#334155;--gray-200:#475569;--gray-300:#64748b;--gray-400:#94a3b8;--gray-500:#cbd5e1;--gray-600:#e2e8f0;--gray-700:#f1f5f9;--gray-800:#f8fafc;--gray-900:#fff;--border-subtle:#ffffff0d;--border-light:#ffffff1a;--border-medium:#fff3;--border-color:var(--border-subtle);--card-bg:#ffffff08;--bg-secondary:#ffffff0d;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 1px 3px 0 #0006,0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -2px #00000080}.client-theme{--background:#fff;--background-dark:#f8fafc;--foreground:#000;--text-primary:#000;--text-secondary:#1e293b;--text-tertiary:#64748b;color:var(--text-primary);--admin-sidebar:#fff;--admin-sidebar-hover:#f1f5f9;--admin-content-bg:#f8fafc;--modal-bg:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#64748b;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#000;--border-subtle:#e2e8f0;--border-light:#cbd5e1;--border-medium:#94a3b8;--border-color:var(--border-subtle);--card-bg:#fff;--bg-secondary:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000f}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}@media (max-width:768px){html{font-size:14px}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}img{max-width:100%;height:auto}@media (max-width:768px){button,a{min-width:44px;min-height:44px}}body{overflow-x:hidden}@media (max-width:768px){.grid-cols-2{grid-template-columns:1fr!important}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.grid-cols-3,.grid-cols-4{grid-template-columns:1fr!important}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);max-width:100vw;color:var(--foreground);font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9ca3af33;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af66}*{scrollbar-width:thin;scrollbar-color:#9ca3af33 transparent}.dashboard-container{flex-direction:column;gap:1.25rem;width:100%;padding:0;display:flex}.dashboard-header{margin-bottom:0}.dashboard-title{color:var(--gray-900);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.dashboard-subtitle{color:var(--gray-500);margin-bottom:1rem;font-size:.9375rem}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.dashboard-stat-card{text-align:center;background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.dashboard-stat-card:hover{background-color:var(--bg-secondary);border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dashboard-stat-icon{color:var(--primary);border-radius:var(--radius-md);background-color:#3b82f61a;justify-content:center;align-items:center;margin-bottom:1rem;padding:.75rem;display:flex}.dashboard-stat-icon svg{width:28px;height:28px}.dashboard-stat-value{color:var(--gray-900);margin-bottom:.5rem;font-size:1.75rem;font-weight:800;line-height:1}.dashboard-stat-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:1px;font-size:.8125rem;font-weight:700}.dashboard-loading{height:50vh;color:var(--gray-400);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.dashboard-section{margin-top:2rem}.dashboard-section-title{color:var(--gray-900);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.dashboard-card{background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem}.dashboard-activity-list{padding:0;list-style:none}.dashboard-activity-item{gap:var(--space-md);padding:var(--space-md)0;border-bottom:1px solid var(--border-subtle);display:flex}.dashboard-activity-item:last-child{border-bottom:none}.dashboard-activity-dot{background-color:var(--primary);border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px;margin-top:5px}.dashboard-activity-info p{color:var(--gray-900);margin-bottom:.25rem}.dashboard-activity-info span{color:var(--gray-500);font-size:.75rem}.dashboard-card-title{color:var(--gray-900);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.dashboard-card-desc{color:var(--gray-500);margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.dashboard-activity-icon{background-color:var(--bg-secondary);border-radius:var(--radius-full);width:36px;height:36px;color:var(--gray-500);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-activity-content{flex-direction:column;justify-content:center;display:flex}.dashboard-activity-text{color:var(--gray-900);margin-bottom:.25rem;font-size:.9375rem}.dashboard-activity-time{color:var(--gray-500);font-size:.75rem}.dashboard-quick-actions{margin-top:2rem}.dashboard-action-buttons{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.dashboard-action-btn{background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--gray-900);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;font-weight:600;transition:all .2s;display:flex}.dashboard-action-btn:hover{background-color:var(--bg-secondary);border-color:var(--primary);transform:translateY(-2px)}.dashboard-action-icon{color:var(--primary)}.dashboard-stat-action{color:var(--primary);align-items:center;gap:.25rem;margin-top:1rem;font-size:.75rem;font-weight:600;display:flex}.dashboard-highlight{color:var(--primary)}.priority-high{color:var(--error);border-radius:var(--radius-sm);background-color:#ef44441a;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.priority-medium{color:var(--warning);border-radius:var(--radius-sm);background-color:#f59e0b1a;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.priority-low{color:var(--success);border-radius:var(--radius-sm);background-color:#10b9811a;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.dashboard-list{flex-direction:column;gap:1rem;display:flex}.dashboard-list-item{background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;transition:all .2s}.dashboard-list-item:hover{background-color:var(--bg-secondary);border-color:var(--border-light)}.dashboard-item-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.dashboard-item-id{color:var(--primary);margin-bottom:.25rem;font-family:monospace;font-weight:600}.dashboard-item-title{color:var(--gray-900);margin-bottom:.25rem;font-weight:600}.dashboard-item-subtitle{color:var(--gray-500);font-size:.875rem}.dashboard-item-meta{align-items:center;gap:.5rem;display:flex}.dashboard-badge{border-radius:var(--radius-sm);background-color:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .5rem;font-size:.75rem;font-weight:600}.dashboard-item-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.dashboard-date{color:var(--gray-500);font-size:.875rem}.dashboard-view-all{justify-content:center;margin-top:1.5rem;display:flex}.dashboard-progress-container{margin:1rem 0}.dashboard-progress-header{color:var(--gray-400);justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;display:flex}.dashboard-progress-bar{border-radius:var(--radius-full);background-color:#ffffff1a;height:8px;overflow:hidden}.dashboard-progress-fill{background-color:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .3s}.dashboard-table-container{background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;overflow-x:auto}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table th{text-align:left;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-secondary);white-space:nowrap;padding:.6rem .75rem;font-size:.7rem;font-weight:700}.dashboard-table td{color:var(--gray-900);border-bottom:1px solid var(--border-subtle);padding:.55rem .75rem;font-size:.82rem}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-table tr:hover td{background-color:var(--bg-secondary)}.dashboard-tabs{border-bottom:1px solid var(--border-subtle);gap:.5rem;margin-bottom:1.5rem;padding-bottom:.25rem;display:flex}.dashboard-tab{color:var(--gray-500);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.dashboard-tab:hover{color:var(--gray-900);background-color:#ffffff08}.dashboard-tab.active{color:var(--primary);background-color:#3b82f61a}.dashboard-filters{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:0;display:flex}.dashboard-filter{border:1px solid var(--border-subtle);background-color:var(--card-bg);border-radius:var(--radius-md);color:var(--gray-900);outline:none;min-width:150px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.dashboard-filter:focus{border-color:var(--primary);background-color:var(--bg-secondary)}.status-healthy{color:#10b981;background-color:#10b9811a}.status-warning{color:#f59e0b;background-color:#f59e0b1a}.status-danger{color:#ef4444;background-color:#ef44441a}.status-info{color:#3b82f6;background-color:#3b82f61a}.dashboard-grid-2-1{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (max-width:1024px){.dashboard-grid-2-1{grid-template-columns:1fr}}.dashboard-breadcrumb{color:var(--gray-500);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.dashboard-breadcrumb span{cursor:pointer}.dashboard-breadcrumb span:hover{color:var(--primary)}.dashboard-breadcrumb .current{color:var(--gray-900);cursor:default;font-weight:500}.dashboard-meta{color:var(--gray-500);align-items:center;gap:1rem;margin-top:.5rem;font-size:.875rem;display:flex}.dashboard-meta-item{align-items:center;gap:.5rem;display:flex}.dashboard-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.dashboard-info-item label{text-transform:uppercase;color:var(--gray-500);letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:block}.dashboard-info-item p{color:var(--gray-900);font-size:1rem;font-weight:500}.landing-container{background-color:var(--background);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.landing-content{text-align:center;flex-direction:column;gap:3rem;width:100%;max-width:1000px;display:flex}.landing-title{color:var(--gray-900);letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:800}.landing-subtitle{color:var(--gray-500);max-width:600px;margin:0 auto;font-size:1.25rem}.landing-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.landing-card{background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--foreground);flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-decoration:none;transition:all .3s;display:flex}.landing-card:hover{border-color:var(--primary);background-color:var(--bg-secondary);transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.landing-card-icon{color:var(--primary);margin-bottom:1rem}.landing-card-title{color:var(--gray-900);font-size:1.1rem;font-weight:600}.modal-overlay{z-index:9999;background-color:#0d1117;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--background);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;animation:.3s modalSlideIn;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{color:var(--gray-900);font-size:1.25rem;font-weight:600}.modal-close-btn{color:var(--gray-400);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.modal-close-btn:hover{color:var(--gray-900)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-subtle);background-color:#ffffff05;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.form-group{margin-bottom:1rem}.form-label{color:var(--gray-700);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--foreground);resize:vertical;background-color:#ffffff08;padding:.75rem;font-family:inherit}.form-file-input{border:1px dashed var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background-color:#ffffff03;width:100%;padding:.5rem}.branding-container{border-bottom:1px solid var(--border-subtle);background-color:#0003;align-items:center;gap:.875rem;height:70px;padding:1rem 1.5rem;display:flex}.branding-logo{object-fit:contain;filter:brightness(1.1);width:auto;height:27px}.branding-text{flex-direction:column;justify-content:center;display:flex}.branding-name{color:var(--foreground);letter-spacing:.5px;max-width:120px;margin:0;font-size:.7rem;font-weight:800;line-height:1.2}.portal-tag{background:var(--admin-accent);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:3px;width:fit-content;margin-top:2px;padding:1px 5px;font-size:.55rem;font-weight:800;display:inline-block;box-shadow:0 2px 4px #0003}.activity-timeline-list{flex-direction:column;display:flex}.activity-timeline-item{border-bottom:1px solid var(--border-subtle);background:0 0;align-items:flex-start;gap:1rem;padding:1rem;transition:all .2s;display:flex}.activity-timeline-item:last-child{border-bottom:none}.activity-timeline-item:hover{background:#ffffff05}.activity-icon-wrapper{background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.activity-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.activity-header{justify-content:space-between;align-items:center;display:flex}.activity-title{color:var(--gray-900);font-size:.95rem;font-weight:600}.activity-time{color:var(--gray-400);white-space:nowrap;margin-left:.5rem;font-size:.75rem}.activity-desc{color:var(--gray-500);font-size:.85rem;line-height:1.5}.bg-blue{color:#3b82f6;background:#3b82f61a}.bg-green{color:#10b981;background:#10b9811a}.bg-amber{color:#f59e0b;background:#f59e0b1a}.bg-red{color:#ef4444;background:#ef44441a}.bg-purple{color:#8b5cf6;background:#8b5cf61a}.bg-cyan{color:#06b6d4;background:#06b6d41a}.toast-notification{border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:9999;opacity:0;background:#111827f2;min-width:300px;max-width:500px;padding:1rem 1.25rem;font-size:.875rem;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:fixed;top:20px;right:20px;transform:translate(400px);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.toast-notification.show{opacity:1;transform:translate(0)}.toast-notification.success{background:linear-gradient(135deg,#10b98126 0%,#111827f2 100%);border-left:4px solid #10b981}.toast-notification.error{background:linear-gradient(135deg,#ef444426 0%,#111827f2 100%);border-left:4px solid #ef4444}.toast-notification.info{background:linear-gradient(135deg,#3b82f626 0%,#111827f2 100%);border-left:4px solid #3b82f6}.toast-notification svg{flex-shrink:0}@media (max-width:640px){.toast-notification{min-width:auto;left:20px;right:20px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.rounded-full{border-radius:9999px}.h-12{height:3rem}.w-12{width:3rem}.border-b-2{border-bottom-width:2px}.border-blue-600{border-color:#2563eb}