:root{--teal:#0F766E;--teal2:#14B8A6;--teal-light:#CCFBF1;--teal-dark:#134E4A;--bg:#F8FAFC;--border:#E2E8F0;--muted:#64748B}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#0F172A;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;z-index:1030;padding:22px 14px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;color:var(--teal-dark);padding:0 10px 28px}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--teal);color:#fff;display:grid;place-items:center}.nav-link{display:flex;align-items:center;gap:12px;color:#475569;border-radius:10px;padding:11px 12px;margin:4px 0}.nav-link:hover,.nav-link.active{background:var(--teal-light);color:var(--teal-dark)}.nav-link i{width:20px}.nav-section{font-size:10px;letter-spacing:1.2px;color:#94A3B8;font-weight:800;margin:22px 12px 8px}.main{margin-left:250px;flex:1;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:100}.global-search{width:min(560px,50%);display:flex;align-items:center;gap:9px;color:#94A3B8;background:#F8FAFC;border:1px solid var(--border);padding:8px 12px;border-radius:10px}.global-search input{border:0;outline:0;background:transparent;width:100%}.top-actions{display:flex;align-items:center;gap:8px}.user-chip{display:flex;align-items:center;gap:8px}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--teal-light);color:var(--teal-dark);font-weight:800}.avatar.sm{width:28px;height:28px;font-size:12px}.notif-dot{position:absolute;top:3px;right:0;background:#DC2626;color:#fff;border-radius:20px;font-size:9px;padding:2px 5px}.notification-menu{width:320px}.notification-item{padding:10px 14px;font-size:13px;border-bottom:1px solid #f1f5f9}.notification-item small{display:block;color:#94A3B8;margin-top:4px}.notification-item.unread{background:#F0FDFA}.content{padding:30px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{font-size:28px;margin:0 0 5px;font-weight:800}.page-head p{margin:0;color:var(--muted)}.eyebrow{color:var(--teal);font-weight:800;font-size:12px;letter-spacing:.7px;text-transform:uppercase}.btn-teal{background:var(--teal);border-color:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-grid.four{grid-template-columns:repeat(5,1fr)}.stat-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;overflow:hidden}.stat-card span{display:block;color:var(--muted);font-size:13px}.stat-card strong{display:block;font-size:28px;margin-top:6px}.stat-card>i{position:absolute;right:17px;top:18px;color:var(--teal);opacity:.65}.stat-card.danger>i{color:#DC2626}.stat-card.warning>i{color:#D97706}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head h5{margin:0;font-weight:750}.chart-panel{min-height:320px}.project-card{height:100%;background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;transition:.2s}.project-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(15,118,110,.08)}.project-card h4 a{text-decoration:none;color:#0F172A}.project-card p{color:var(--muted);min-height:48px}.project-key{font-weight:800;color:var(--teal)}.member-row,.activity,.comment{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #F1F5F9}.member-row div small,.activity small,.comment small{display:block;color:#94A3B8}.detail-row{padding:12px 0;border-bottom:1px solid #F1F5F9}.detail-row>span{display:block;color:#64748B;font-size:12px;margin-bottom:5px}.ticket-copy{line-height:1.7;color:#334155}.kanban{display:flex;gap:16px;overflow-x:auto;align-items:flex-start}.kanban-col{width:290px;min-width:290px;background:#EEF2F7;border-radius:12px;padding:12px;min-height:480px}.kanban-head{display:flex;justify-content:space-between;padding:4px 4px 12px}.kanban-head span{background:#fff;border-radius:20px;padding:1px 8px;color:#64748B;font-size:12px}.kanban-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:13px;margin-bottom:10px;cursor:grab;box-shadow:0 2px 5px rgba(15,23,42,.03)}.kanban-card h6{margin:10px 0 6px}.kanban-card a{text-decoration:none;font-weight:800;color:var(--teal)}.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#ECFEFF,#F8FAFC)}.auth-card{width:min(420px,92vw);background:#fff;border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:0 20px 60px rgba(15,23,42,.08)}label{font-size:13px;font-weight:650;margin-bottom:6px;color:#334155}.form-control,.form-select{border-color:#CBD5E1;border-radius:9px}.table{margin-bottom:0}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#64748B}.dropdown-menu{border-color:var(--border);box-shadow:0 12px 35px rgba(15,23,42,.1)}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.global-search{width:55%}}@media(max-width:575px){.content{padding:18px}.topbar{padding:0 14px}.global-search{display:none}.page-head{flex-direction:column}.stat-grid,.stat-grid.four{grid-template-columns:1fr}.auth-card{padding:24px}}