:root{--bg:#fff;--bg-secondary:#f7f6f3;--bg-hover:#efedea;--bg-active:#e8e5e0;--border:#e3e2de;--border-strong:#d3d1cb;--divider:#f0efeb;--text:#37352f;--text-secondary:#787774;--text-muted:#9b9a97;--text-inverse:#fff;--accent:#0077d4;--accent-hover:#005fa3;--accent-light:#0077d414;--status-blue:#0077d4;--status-green:#0f7b6c;--status-yellow:#c29343;--status-red:#e03e3e;--status-purple:#6940a5;--status-gray:#9b9a97;--success:#0f7b6c;--success-bg:#0f7b6c14;--warning:#c29343;--warning-bg:#c2934314;--danger:#e03e3e;--danger-bg:#e03e3e14;--info:#0077d4;--info-bg:#0077d414;--purple:#6940a5;--purple-bg:#6940a514;--cyan:#0f7b6c;--cyan-bg:#0f7b6c14;--alert-success-bg:#f0fff4;--alert-success-text:#166534;--alert-warning-bg:#fffbea;--alert-warning-text:#92400e;--alert-error-bg:#fff0f0;--alert-error-text:#991b1b;--alert-info-bg:#f0f9ff;--alert-info-text:#1e40af;--orange:#f97316;--orange-dark:#92400e;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--radius:4px;--radius-sm:4px;--radius-md:4px;--radius-lg:4px;--radius-xl:4px;--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;--transition:.15s cubic-bezier(.4,0,.2,1);--transition-slow:.25s cubic-bezier(.4,0,.2,1);--bg-tertiary:#eef0f4;--bg-sidebar:#1a1d23;--bg-sidebar-hover:#2a2d35;--text-sidebar:#c5cdd8;--text-sidebar-active:#fff;--bg-card:var(--bg)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;padding:0}html{width:100%;height:100%;padding-top:env(safe-area-inset-top)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none}input,textarea,select{color:var(--text);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition),background-color var(--transition);outline:none;padding:10px 12px;font-family:inherit;font-size:16px}input:hover,textarea:hover,select:hover{border-color:var(--border-strong);background:var(--bg-hover)}input:focus,textarea:focus,select:focus{border-color:var(--accent);background:var(--bg-secondary)}input:disabled,textarea:disabled,select:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;border-color:var(--border)}main{-webkit-overflow-scrolling:touch}h1,h2,h3,h4,h5,h6{color:var(--text);letter-spacing:-.3px;font-weight:700;line-height:1.25}h1{letter-spacing:-.5px;font-size:28px;font-weight:700}h2{letter-spacing:-.3px;font-size:22px;font-weight:700}h3{letter-spacing:-.2px;font-size:18px;font-weight:600}h4{font-size:16px;font-weight:600}h5{letter-spacing:.2px;font-size:14px;font-weight:600}h6{letter-spacing:.3px;font-size:13px;font-weight:600}p{color:var(--text-secondary);font-size:14px;line-height:1.6}.text-sm{font-size:13px;line-height:1.5}.text-xs{letter-spacing:.3px;font-size:12px;line-height:1.4}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.app-layout{background:var(--bg);flex-direction:column;height:100dvh;display:flex}.app-main{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex:1;padding-top:0;padding-bottom:76px;overflow:hidden auto}.container{max-width:100%;padding:16px}.section{margin:16px 16px 0}.section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.6px;margin:0 0 12px;font-size:11px;font-weight:700}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:background-color var(--transition);padding:16px}.card:hover{border-color:var(--border-strong);background:var(--bg-hover)}.card-interactive{cursor:pointer;transition:background-color var(--transition)}.card-interactive:hover{background:var(--bg-hover);border-color:var(--border-strong)}.card-interactive:active{background:var(--bg-active)}.card-elevated{box-shadow:var(--shadow-md);border:1px solid var(--border)}.card-flat{background:var(--bg-secondary);box-shadow:none;border:none}.card-stat{flex-direction:column;gap:8px;padding:20px 16px;display:flex}.card-stat-value{color:var(--text);font-size:28px;font-weight:700;line-height:1}.card-stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}button,.btn{border-radius:var(--radius-sm);cursor:pointer;height:44px;transition:background-color var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-primary:active{background:var(--accent-hover);box-shadow:var(--shadow-sm)}.btn-primary:disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:active{background:var(--bg-active);box-shadow:var(--shadow-xs)}.btn-danger{background:var(--danger);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-danger:hover{box-shadow:var(--shadow-md);background:#c73c3c}.btn-danger:active{box-shadow:var(--shadow-sm);background:#b03535}.btn-success{background:var(--success);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-success:hover{box-shadow:var(--shadow-md);background:#0d6b5f}.btn-success:active{box-shadow:var(--shadow-sm);background:#0a5047}.btn-warning{background:var(--warning);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-warning:hover{box-shadow:var(--shadow-md);background:#b0823d}.btn-warning:active{box-shadow:var(--shadow-sm);background:#9b7238}.btn-ghost{color:var(--accent);border:1px solid var(--border);box-shadow:none;background:0 0}.btn-ghost:hover{background:var(--accent-light);border-color:var(--accent)}.btn-ghost:active{background:var(--accent-light)}.btn-sm{height:36px;padding:0 12px;font-size:13px;font-weight:500}.btn-lg{height:48px;padding:0 24px;font-size:15px;font-weight:600}.btn-block{width:100%;display:flex}.btn-icon{border-radius:var(--radius-sm);width:44px;height:44px;padding:0}.btn-icon-sm{border-radius:var(--radius-sm);width:36px;height:36px;padding:0}.btn-circle{width:56px;height:56px;box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex}.btn-circle:hover{box-shadow:var(--shadow-xl)}.btn-circle:active{box-shadow:var(--shadow-md)}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=date],input[type=time],textarea,select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);width:100%;min-height:44px;color:var(--text);transition:border-color var(--transition),background-color var(--transition);appearance:none;padding:12px 14px;font-family:inherit;font-size:16px}input[type=text]:hover,input[type=email]:hover,input[type=tel]:hover,input[type=number]:hover,input[type=password]:hover,input[type=date]:hover,input[type=time]:hover,textarea:hover,select:hover{border-color:var(--border-strong);background:var(--bg-hover)}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=password]:focus,input[type=date]:focus,input[type=time]:focus,textarea:focus,select:focus{border-color:var(--accent);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--accent-light);outline:none}input[type=text]:disabled,input[type=email]:disabled,input[type=tel]:disabled,input[type=number]:disabled,input[type=password]:disabled,textarea:disabled,select:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;border-color:var(--border)}textarea{resize:vertical;min-height:100px;line-height:1.6}select{background-image:url("data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg width=12 height=12 viewBox=0 0 12 12%3E%3Cpath fill=%23787774 d=M6 8L1 3h10z/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.form-label{color:var(--text);letter-spacing:.2px;font-size:13px;font-weight:600}.form-hint{color:var(--text-muted);margin-top:4px;font-size:12px}.form-error{color:var(--danger);margin-top:4px;font-size:12px}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.pill{border-radius:var(--radius-xl);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.bottom-nav{background:var(--bg);border-top:1px solid var(--border);z-index:40;height:64px;padding-bottom:max(0px,env(safe-area-inset-bottom));justify-content:space-around;align-items:center;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-tab{height:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:color var(--transition);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:0;font-size:10px;font-weight:600;display:flex;position:relative}.nav-tab:hover{color:var(--text-secondary)}.nav-tab.active{color:var(--accent)}.nav-icon{stroke-width:1.5px;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex}.nav-label{letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600;display:block}.nav-tab-center{flex:1;justify-content:center;align-items:center;text-decoration:none;display:flex}.nav-center-icon{background:var(--accent);color:#fff;width:44px;height:44px;transition:background var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-tab-center:hover .nav-center-icon{background:var(--accent-hover)}.desktop-sidebar,.desktop-topbar{display:none}@media (min-width:768px){.desktop-sidebar{background:var(--bg);border-right:1px solid var(--border);z-index:50;flex-direction:column;width:240px;min-width:240px;height:100vh;padding:16px 12px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.bottom-nav{display:none!important}.app-layout{min-height:100vh;display:flex}.app-main{flex:1;min-height:100vh;margin-left:240px;padding-bottom:0}.desktop-topbar{border-bottom:1px solid var(--divider);background:var(--bg);z-index:30;justify-content:flex-end;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}}.sidebar-logo{align-items:center;gap:10px;margin-bottom:20px;padding:4px 8px;display:flex}.sidebar-logo-icon{background:var(--accent);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.sidebar-logo-text{color:var(--text);letter-spacing:-.02em;font-size:16px;font-weight:700}.sidebar-cta{background:var(--accent);color:#fff;transition:background var(--transition);border-radius:4px;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.sidebar-cta:hover{background:var(--accent-hover)}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-nav-item{color:var(--text-secondary);transition:background var(--transition),color var(--transition);border-radius:4px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar-nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.sidebar-badge{background:var(--accent);color:#fff;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.sidebar-bottom{border-top:1px solid var(--divider);flex-direction:column;gap:2px;padding-top:12px;display:flex}.sidebar-user{align-items:center;gap:10px;margin-top:8px;padding:10px 12px;display:flex}.sidebar-user-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.sidebar-user-info{min-width:0}.sidebar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-muted);text-transform:capitalize;font-size:11px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px}@media (min-width:768px){.desktop-content{max-width:1200px;padding:24px 32px}.desktop-content-wide{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px;display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px}}.desktop-two-col{flex-direction:column;gap:24px;display:flex}@media (min-width:768px){.desktop-two-col{flex-direction:row;gap:24px}.desktop-two-col>*{flex:1;min-width:0}}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.data-table thead{z-index:5;position:sticky;top:0}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-secondary);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}.data-table th:first-child{border-radius:4px 0 0}.data-table th:last-child{border-radius:0 4px 0 0}.data-table td{border-bottom:1px solid var(--divider);color:var(--text);vertical-align:middle;padding:12px 14px}.data-table tbody tr{transition:background var(--transition);cursor:pointer}.data-table .cell-primary{font-weight:600}.data-table .cell-secondary{color:var(--text-secondary);font-size:13px}.data-table .cell-muted{color:var(--text-muted);font-size:12px}.data-table .cell-amount{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.status-pill{white-space:nowrap;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.card-list{flex-direction:column;gap:6px;display:flex}.card-item{background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:border-color var(--transition);color:inherit;border-radius:4px;padding:14px 16px;text-decoration:none;display:block}.card-item:hover{border-color:var(--accent)}.desktop-only{display:none}.mobile-only{display:block}@media (min-width:768px){.desktop-only{display:block}.mobile-only{display:none}}.flex{align-items:center;gap:8px;display:flex}.flex-col{flex-direction:column;gap:8px;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.grid{gap:12px;display:grid}.grid-2{grid-template-columns:1fr 1fr}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.page-header{background:linear-gradient(to bottom,var(--bg),var(--bg)90%,transparent);z-index:20;border-bottom:1px solid var(--border);padding:20px 16px 16px;position:sticky;top:0}.page-header h1{margin:0 0 8px}.page-header .subtitle{color:var(--text-secondary);font-size:13px}.tabs{border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:0;margin-bottom:16px;padding:0 16px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:color var(--transition);letter-spacing:.2px;border-bottom:2px solid #0000;flex:none;padding:12px 16px;font-size:13px;font-weight:600;position:relative}.tab:hover{color:var(--text)}.tab.active{color:var(--accent)}.tab.active:after{content: ;background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.empty-state-icon{opacity:.4;margin-bottom:8px;font-size:56px}.empty-state h2{color:var(--text);margin:0;font-size:18px}.empty-state p{color:var(--text-secondary);max-width:280px;margin:0;font-size:14px}.divider{background:var(--border);height:1px;margin:16px 0}.divider-sm{margin:8px 0}.divider-lg{margin:24px 0}.skeleton{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-hover)50%,var(--bg-secondary)75%);background-size:200% 100%;animation:2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:768px){.app-layout{flex-direction:row}.app-main{flex:1;padding-bottom:0;padding-left:80px}.bottom-nav{border-top:none;border-right:1px solid var(--border);z-index:50;border-bottom:none;flex-direction:column;justify-content:flex-start;gap:4px;width:80px;height:auto;padding-top:16px;position:fixed;inset:0 auto 0 0}.nav-tab{gap:6px;width:100%;height:auto;padding:12px 8px;font-size:10px}.container{max-width:1200px;margin:0 auto;padding:32px}h1{font-size:32px}h2{font-size:24px}.page-header{padding:32px 32px 20px}.section{margin:24px 0 0}.section-title{margin-bottom:16px}.card{padding:20px}.card-stat{padding:24px 20px}.card-stat-value{font-size:36px}.grid-2{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.job-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.customer-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}button,.btn{padding:0 20px}.form-group{max-width:400px}html{padding-top:0}}@media (min-width:1024px){.container{max-width:1400px;padding:40px 60px}.app-main{padding-left:100px}.bottom-nav{width:100px}.page-header{padding:40px 60px 24px}.stats-grid{grid-template-columns:repeat(4,1fr)}.job-grid{grid-template-columns:repeat(3,1fr)}.customer-grid{grid-template-columns:repeat(4,1fr)}h1{font-size:36px}}@supports (padding:max(0px)){.app-main{padding-bottom:calc(64px + max(0px,env(safe-area-inset-bottom)))}.bottom-nav{padding-bottom:max(0px,env(safe-area-inset-bottom))}@media (min-width:768px){.app-main{padding-bottom:0;padding-left:80px}.bottom-nav{padding-left:max(0px,env(safe-area-inset-left))}}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast:more){:root{--border:#d3d1cb;--border-hover:#b8b6b1}button,.btn{border:1px solid}}@media print{.bottom-nav,.page-header{display:none}.app-main{padding-bottom:0;padding-left:0}.card{page-break-inside:avoid}}.scroll-x{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.inquiry{background:var(--text-muted)}.status-dot.design{background:#7b68ee}.status-dot.production{background:var(--warning)}.status-dot.proofing{background:var(--accent)}.status-dot.completed{background:var(--success)}.status-dot.overdue{background:var(--danger)}.status-dot.new{background:var(--text-muted)}.status-dot.in_progress{background:var(--accent)}.status-dot.quote_sent{background:#7b68ee}.status-dot.confirmed{background:var(--success)}.avatar-circle{background:var(--accent-light);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.avatar-circle.lg{width:48px;height:48px;font-size:16px}.tag{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.tag.signage{color:#085041;background:#e1f5ee}.tag.vehicle{color:#0c447c;background:#e6f1fb}.tag.banner{color:#633806;background:#faeeda}.tag.textile{color:#72243e;background:#fbeaf0}.tag.lights{color:#3c3489;background:#eeedfe}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:flex}.sortable-header:hover{color:var(--accent)}.view-toggle{background:var(--bg-secondary);border-radius:6px;align-items:center;gap:2px;padding:2px;display:inline-flex}.view-toggle button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;align-items:center;padding:6px 10px;display:flex}.view-toggle button:hover:not(.active){color:var(--text)}.stat-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:16px 20px;transition:border-color .15s}.stat-card:hover{border-color:var(--accent)}.stat-card .stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.stat-card .stat-value{color:var(--text);font-size:24px;font-weight:600}.stat-card .stat-trend{margin-top:4px;font-size:12px}.stat-card .stat-trend.up{color:var(--success)}.stat-card .stat-trend.down{color:var(--danger)}.sidebar-separator{background:var(--divider);height:1px;margin:8px 12px}.sidebar-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:8px 16px 4px;font-size:10px;font-weight:600}.sidebar-sub-item{color:var(--text-secondary);border-radius:4px;margin:1px 8px;padding:6px 16px 6px 40px;font-size:13px;text-decoration:none;display:block}.sidebar-sub-item.active{color:var(--accent);background:var(--accent-light)}.empty-state .empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.empty-state .empty-title{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:500}.empty-state .empty-desc{max-width:400px;margin:0 auto;font-size:14px}.days-badge{border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500}.days-badge.overdue{background:var(--danger-bg);color:var(--danger)}.days-badge.urgent{background:var(--warning-bg);color:var(--warning)}.days-badge.ok{background:var(--success-bg);color:var(--success)}.tab-bar button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:14px;transition:all .15s}.tab-bar button:hover{color:var(--text)}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.data-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.form-group{max-width:100%!important}button,.btn{min-height:44px}.desktop-content-wide,.desktop-content{overflow-x:hidden;padding:12px 16px!important}.page-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px!important}.card-stat-value{font-size:22px!important}.tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.kanban-card{padding:10px 12px!important}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr!important}h1{font-size:22px!important}h2{font-size:18px!important}}.sp-profile-grid{grid-template-columns:240px minmax(0,1fr);gap:24px;max-width:900px;display:grid}@media (min-width:768px){.sp-profile-grid{grid-template-columns:240px minmax(0,1fr)}}@media (max-width:767px){.sp-profile-grid{grid-template-columns:1fr;max-width:100%}}.page-container{width:100%;max-width:100%;padding:20px 24px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.page-title{color:var(--text);margin:0;font-size:20px;font-weight:500}.page-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.page-actions{align-items:center;gap:8px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-secondary);border-radius:8px;padding:14px 16px}.stat-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.stat-value{color:var(--text);font-size:20px;font-weight:500}.stat-trend{margin-top:2px;font-size:11px}.stat-trend.up{color:var(--success)}.stat-trend.down{color:var(--danger)}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);background:var(--bg-secondary);white-space:nowrap;padding:8px 12px;font-size:12px;font-weight:500}.data-table td{border-bottom:1px solid var(--border);color:var(--text);padding:10px 12px}.data-table tr:hover td{background:var(--bg-secondary)}.data-table tr{cursor:pointer}.kanban-board{gap:12px;min-height:500px;padding-bottom:12px;display:flex;overflow-x:auto}.kanban-column{background:var(--bg-secondary);border-radius:8px;flex:1;min-width:220px;max-width:320px;padding:12px}.kanban-header{color:var(--text);justify-content:space-between;align-items:center;padding:0 0 10px;font-size:13px;font-weight:500;display:flex}.kanban-count{color:var(--text-muted);background:var(--bg);border-radius:10px;padding:2px 8px;font-size:11px}.kanban-card{background:var(--bg);border:1px solid var(--divider);cursor:grab;border-radius:6px;margin-bottom:8px;padding:10px 12px;transition:box-shadow .15s,transform .1s}.kanban-card:hover{box-shadow:0 2px 8px #0000000f}.kanban-card.dragging{opacity:.5;transform:rotate(2deg)}.kanban-drop-zone{border:2px dashed var(--accent);text-align:center;color:var(--text-muted);border-radius:6px;padding:20px;font-size:12px}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.filter-select{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.filter-search{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;flex:1;min-width:200px;padding:6px 12px;font-size:13px}.status-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.avatar-sm{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:500;display:inline-flex}.badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state-icon{margin-bottom:12px;font-size:32px}.empty-state-text{margin-bottom:16px;font-size:14px}.loading-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.view-toggle{background:var(--bg-secondary);border-radius:6px;gap:2px;padding:2px;display:flex}.view-toggle button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:13px;transition:all .15s}.view-toggle button.active{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #00000014}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn-primary:hover{opacity:.9}.btn-secondary{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.tab-bar{border-bottom:1px solid var(--border);gap:0;margin-bottom:20px;display:flex}.tab-bar button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;transition:all .15s}.tab-bar button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}@media (max-width:768px){.page-container{padding:12px 16px}.stat-grid{grid-template-columns:repeat(2,1fr)}.kanban-board{flex-direction:column}.kanban-column{max-width:100%}.filter-bar{flex-direction:column}.filter-search{min-width:100%}.data-table{font-size:12px}.data-table th,.data-table td{padding:6px 8px}}.stat-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:8px;padding:16px 20px;transition:all .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.data-table tbody tr:nth-child(2n){background:var(--bg-secondary)}.data-table tbody tr:hover{background:var(--bg-hover)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.desktop-sidebar{color:var(--text-sidebar);background:var(--bg-sidebar)!important}.sidebar-logo-text{color:var(--text-sidebar-active)}.sidebar-nav-item{color:var(--text-sidebar)!important}.sidebar-nav-item:hover,.sidebar-nav-item.active{background:var(--bg-sidebar-hover)!important;color:var(--text-sidebar-active)!important}.sidebar-section-label{color:var(--text-sidebar)}.sidebar-separator{background:var(--bg-sidebar-hover)}.sidebar-cta{background:var(--bg-sidebar-hover)!important;color:var(--text-sidebar-active)!important}.sidebar-bottom button{color:var(--text-sidebar)!important}.sidebar-bottom button:hover{background:var(--bg-sidebar-hover)!important;color:var(--text-sidebar-active)!important}.sidebar-sub-item{color:var(--text-sidebar)!important}.sidebar-sub-item:hover,.sidebar-sub-item.active{background:var(--bg-sidebar-hover)!important;color:var(--text-sidebar-active)!important}.sidebar-user{background:var(--bg-sidebar-hover);color:var(--text-sidebar)}.sidebar-user-name{color:var(--text-sidebar-active)}.sidebar-user-role{color:var(--text-sidebar)}html.mobile-nav-open,html.mobile-nav-open body{overflow:hidden}.mobile-shell-header,.mobile-nav-backdrop,.mobile-nav-drawer,.mobile-sidebar,.mobile-sidebar-close{display:none}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-scroll>table,.table-scroll>.data-table,.table-scroll .data-table{min-width:640px}.sidebar-logo--shell{justify-content:space-between}.mobile-card-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.mobile-card-value{color:var(--text);overflow-wrap:anywhere;word-break:break-word;font-size:14px;font-weight:700}.mobile-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mobile-card-actions{flex-wrap:wrap;gap:8px;display:flex}.mobile-card-actions>*{flex:calc(50% - 8px);min-width:0}@media (max-width:767px){.mobile-shell-header{height:calc(56px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top))16px 8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:70;background:#fffffff0;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;inset:0 0 auto}.mobile-shell-header__brand{align-items:center;gap:10px;min-width:0;display:flex}.mobile-shell-header__logo{background:var(--accent);width:32px;height:32px;color:var(--text-inverse);justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.mobile-shell-header__text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.mobile-shell-header__text strong{color:var(--text);font-size:14px}.mobile-shell-header__text span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.mobile-shell-header__actions{align-items:center;gap:10px;display:flex}.mobile-shell-header__menu,.mobile-sidebar-close{border:1px solid var(--border);background:var(--bg);width:40px;height:40px;color:var(--text);justify-content:center;align-items:center;display:inline-flex}.mobile-nav-backdrop{z-index:79;background:#0f172a7a;display:block;position:fixed;inset:0}.mobile-nav-drawer{z-index:80;width:min(88vw,360px);display:block;position:fixed;inset:0 auto 0 0}.mobile-sidebar{width:100%;height:100dvh;padding:calc(8px + env(safe-area-inset-top))12px calc(16px + env(safe-area-inset-bottom));background:var(--bg-sidebar);color:var(--text-sidebar);box-shadow:none;flex-direction:column;display:flex;overflow-y:auto}.mobile-sidebar .sidebar-nav{padding-bottom:16px}.mobile-sidebar .sidebar-bottom{margin-top:auto}.app-main--with-shell{padding-top:calc(56px + env(safe-area-inset-top));padding-bottom:calc(88px + env(safe-area-inset-bottom))}.page-container{padding:16px}.page-header{align-items:stretch;gap:12px}.page-actions,.page-header__actions{justify-content:stretch;width:100%}.page-actions>*,.page-header__actions>*{min-width:0}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar>*{width:100%;min-width:0!important}.filter-search{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.filter-search input{background:0 0;border:none;width:100%;min-width:0;padding:0}.view-toggle{width:100%}.view-toggle button{flex:1 1 0;min-height:44px}.table-scroll{margin:0 -16px;padding:0 16px 4px}.table-scroll>table,.table-scroll>.data-table,.table-scroll .data-table{width:max(100%,640px);min-width:640px;display:table}.mobile-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:479px){.mobile-meta-grid{grid-template-columns:1fr}.mobile-card-actions>*{flex-basis:100%}}