@media (max-width:767px){.projects-page{max-width:100%;overflow-x:hidden}.projects-header{padding:8px!important}.projects-header h1{font-size:16px!important}.projects-header p{font-size:11px!important}.projects-header{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"title" "actions";align-items:start;gap:8px}.projects-header>div:first-child{grid-area:title;min-width:0}.projects-header>div:last-child{grid-area:actions;justify-self:end;display:flex;flex-wrap:wrap;gap:8px}.projects-header-actions{gap:8px!important}.projects-header-actions .projects-employee-select{min-width:120px!important}.projects-header-actions .projects-new-btn{order:2}.projects-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.projects-metrics>div{padding:6px!important;border-radius:10px!important}.projects-metrics .flex.items-center.justify-between{align-items:center!important}.projects-metrics .text-sm{font-size:12px!important}.projects-metrics p{line-height:1.1!important}.projects-metrics .text-xs{font-size:10px!important;letter-spacing:.2px}.projects-controls{padding:8px!important}.projects-controls label{font-size:11px!important}.projects-controls input,.projects-controls select{height:30px!important;padding:0 8px!important;font-size:12px!important}.projects-controls .projects-new-btn{padding:6px 10px!important;border-radius:8px!important}.projects-controls .search-row{display:grid;grid-template-columns:1fr;gap:6px}.projects-search-input{min-width:0!important}.sort-select,.status-select{min-width:140px!important}.filters-row{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.filters-row,.filters-row select{width:100%!important}.projects-tabs button{padding:8px 6px!important}.projects-tabs button,.projects-tabs span{font-size:12px!important}.projects-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.projects-tabs::-webkit-scrollbar{height:0}.projects-tabs button>.count-badge{margin-left:6px!important}.projects-tabs button{white-space:nowrap!important;display:inline-flex;align-items:center}.projects-tabs .flex.items-center.justify-center{gap:6px!important}.projects-tabs button{padding-left:10px!important;padding-right:10px!important}.projects-list{padding:6px!important;gap:8px!important}.projects-card{padding:10px!important;border-radius:12px!important}.projects-card .min-w-0>.text-xs{line-height:1.2!important}.projects-card .status-badge{transform:translateY(-2px)}.projects-card .text-sm{font-size:13px!important}.projects-card .text-xs{font-size:11px!important}.projects-card .status-badge{padding:2px 6px!important;border-radius:8px!important}.projects-card-header{align-items:center!important;flex-wrap:wrap!important}.projects-card-header .min-w-0{min-width:0!important;flex:1 1 auto}.projects-card-header .truncate{max-width:100%!important;display:block}.projects-card .status-badge{font-size:10px!important;line-height:1.1!important}.projects-card-header .status-badge{order:2;margin-top:2px}.projects-card .project-title{white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}.projects-card .actions-row{gap:6px!important}.projects-card .actions-row button{padding:4px 8px!important;font-size:11px!important;border-radius:8px!important}.projects-card .icon-btn{width:30px!important;height:28px!important;display:inline-flex;align-items:center;justify-content:center}.projects-card .w-8.h-8{width:28px!important;height:28px!important}.projects-card .w-4.h-4{width:14px!important;height:14px!important}.projects-card *,.projects-page *{max-width:100%}.projects-card .truncate{max-width:62vw}}:root{--projects-accent-emerald:#10b981;--projects-accent-blue:#2563eb;--projects-accent-slate:#64748b}.projects-card{border-color:rgba(116,140,171,.45)!important;box-shadow:0 6px 16px rgba(13,19,33,.08)!important}.projects-card:hover{box-shadow:0 10px 22px rgba(13,19,33,.12)!important}.projects-controls,.projects-header{border-color:rgba(116,140,171,.35)!important}.projects-tabs button{background:linear-gradient(180deg,rgba(116,140,171,.08),rgba(116,140,171,.03))}.projects-tabs button[style*="var(--prussian-blue)"]{filter:saturate(1.05) contrast(1.05)}@media (max-width:767px){.projects-page{max-width:100%;overflow-x:hidden;background:#f1f5f9!important;min-height:100vh}.projects-header{padding:16px!important;margin:0 12px 16px!important;border-radius:20px!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(10px)!important;box-shadow:0 4px 12px rgba(0,0,0,.06)!important;border:1px solid rgba(255,255,255,.8)!important}.projects-header h1{font-size:16px!important;font-weight:700!important;color:#0d1321!important;margin-bottom:4px!important}.projects-header p{font-size:13px!important;color:#64748b!important;line-height:1.4!important}.projects-header .flex.items-center.justify-between{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.projects-new-btn{width:100%!important;justify-content:center!important;padding:12px!important;font-size:14px!important;font-weight:600!important;border-radius:12px!important;background:linear-gradient(135deg,#1d2d44,#0d1321)!important;box-shadow:0 4px 12px rgba(29,45,68,.25)!important}.projects-metrics{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin:0 12px 16px!important}.projects-metrics>div{padding:16px!important;border-radius:16px!important;background:white!important;border:none!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important;position:relative!important;overflow:hidden!important}.projects-metrics>div:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:linear-gradient(90deg,#3b82f6,#8b5cf6)!important}.projects-metrics .text-xs{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-weight:700!important;opacity:.7!important}.projects-metrics .text-sm{font-size:18px!important;font-weight:800!important;background:linear-gradient(135deg,#1d2d44,#3e5c76)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.projects-controls{padding:16px!important;margin:0 12px 16px!important;border-radius:20px!important;background:white!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important}.projects-controls label{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-weight:700!important;color:#64748b!important;margin-bottom:8px!important;display:block!important}.projects-controls input,.projects-controls select{height:38px!important;padding:0 12px!important;font-size:13px!important;border-radius:12px!important;border:2px solid #e2e8f0!important;background:#f8fafc!important;transition:all .2s!important}.projects-controls input:focus,.projects-controls select:focus{border-color:#3b82f6!important;background:white!important;outline:none!important}.projects-controls .flex-1{margin-bottom:16px!important}.projects-controls .flex.gap-1\.5{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.projects-controls .projects-search-input{padding-left:32px!important;min-width:0!important}.projects-controls input,.projects-controls select{min-width:0!important;width:100%!important}.projects-tabs,.projects-tabs-wrap{overflow:visible!important}.projects-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0 8px 12px!important;border-radius:14px!important;background:white!important;padding:4px!important;box-shadow:0 2px 6px rgba(0,0,0,.05)!important}.projects-tabs button{width:100%!important;justify-content:center!important;position:relative!important;padding:6px 8px!important;font-size:11px!important;border-radius:10px!important;font-weight:600!important;min-width:0!important;min-height:36px!important;flex:initial!important;transition:all .2s!important;border:none!important}.projects-tabs button svg{width:12px!important;height:12px!important}.projects-tabs button[style*="var(--prussian-blue)"]{background:linear-gradient(135deg,#1d2d44,#0d1321)!important;color:white!important;box-shadow:0 2px 8px rgba(29,45,68,.25)!important}.projects-tabs::-webkit-scrollbar{height:0}.projects-tabs .count-badge{position:absolute!important;top:2px!important;right:2px!important;min-width:18px!important;height:18px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;border-radius:9999px!important;font-weight:700!important}.projects-list{padding:0 12px 14px!important;gap:6px!important}.projects-card{padding:10px!important;border-radius:12px!important;background:white!important;border:none!important;box-shadow:0 2px 12px rgba(0,0,0,.06)!important;transition:all .2s!important}.projects-card:active{transform:scale(.98)!important}.projects-card-header{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;margin-bottom:6px!important}.projects-card-header>div:first-child{display:flex!important;align-items:flex-start!important;gap:12px!important;flex:1!important;min-width:0!important}.projects-card .project-title{font-size:13px!important;font-weight:600!important;color:#0d1321!important;line-height:1.35!important;word-break:break-word!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;white-space:normal!important}.projects-card .text-xs{font-size:11px!important;color:#64748b!important;margin-top:4px!important}.projects-card .status-badge{padding:2px 8px!important;border-radius:14px!important;font-size:10px!important;font-weight:700!important;white-space:nowrap!important;text-transform:uppercase!important;letter-spacing:.3px!important;flex-shrink:0!important;align-self:flex-start!important;margin-top:1px!important}.projects-card .actions-row{gap:4px!important;display:flex!important;flex-wrap:wrap!important;margin-top:6px!important}.projects-card .icon-btn{width:28px!important;height:28px!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 6px rgba(0,0,0,.1)!important;transition:all .2s!important}.projects-card .icon-btn:active{transform:scale(.95)!important}.projects-card .w-8.h-8{width:24px!important;height:24px!important;border-radius:10px!important;box-shadow:0 2px 6px rgba(0,0,0,.08)!important}.projects-card .w-3\.5.h-3\.5,.projects-card .w-4.h-4{width:14px!important;height:14px!important}.projects-page *{max-width:100%;box-sizing:border-box!important}.projects-header-actions .projects-employee-select,.projects-header-actions label[style*="var(--paynes-gray)"]{display:none!important}*{-webkit-tap-highlight-color:transparent}.icon-btn,.projects-card,button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}