.btn-primary,.btn-primary-sm{color:#06201a;cursor:pointer;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:10px;font-weight:600;transition:transform .15s,box-shadow .18s;box-shadow:0 8px 18px #4ade8033}.btn-primary{padding:10px 18px;font-size:.9rem}.btn-primary-sm{padding:7px 14px;font-size:.82rem}.btn-primary:hover,.btn-primary-sm:hover{transform:translateY(-1px);box-shadow:0 12px 24px #4ade804d}.btn-primary:disabled,.btn-primary-sm:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost,.btn-ghost-sm{background:var(--border-soft);color:var(--fg-soft);border:1px solid var(--border-strong);cursor:pointer;border-radius:10px;align-items:center;gap:6px;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-ghost{padding:9px 16px;font-size:.88rem}.btn-ghost-sm{padding:5px 11px;font-size:.78rem}.btn-ghost:hover,.btn-ghost-sm:hover{background:var(--border-strong);color:var(--fg)}.btn-danger-sm{color:#fca5a5;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;padding:5px 11px;font-size:.78rem;transition:background .15s}.btn-danger-sm:hover{color:var(--fg);background:#ef44442e}
.table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden}.table-toolbar{top:var(--gs-header-h,64px);z-index:15;background:#07070d;align-items:center;gap:14px;margin:-12px 0 6px;padding:12px 0;display:flex;position:sticky}.table-toolbar-count{color:var(--fg-faint);white-space:nowrap;margin-left:auto;font-size:.78rem}.table-toolbar-pager{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:2px;height:44px;padding:0 4px;display:flex}.table-toolbar-pager .btn-icon{width:34px;height:34px;color:var(--fg-soft);border:none;border-radius:9px}.table-toolbar-pager .btn-icon:disabled{opacity:.35;cursor:not-allowed}.table-toolbar-pager .btn-icon:not(:disabled):hover{background:var(--border-strong);color:#4ade80}.table-pager-label{color:var(--fg-soft);text-align:center;font-variant-numeric:tabular-nums;min-width:46px;font-size:.8rem;font-weight:600}.table-search{border:1px solid var(--border);background:var(--surface);max-width:420px;height:44px;color:var(--fg-muted);border-radius:12px;flex:1;align-items:center;gap:9px;padding:0 14px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.table-search:hover{border-color:var(--border-strong)}.table-search:focus-within{background:var(--surface-softer);border-color:#4ade80;box-shadow:0 0 0 3px #4ade8024}.table-search:focus-within svg{color:#4ade80}.table-search svg{flex:none;transition:color .18s}.table-search input{min-width:0;color:var(--fg);background:0 0;border:none;outline:none;flex:1;font-size:.86rem}.table-search input::placeholder{color:var(--fg-faint)}.table-search-clear{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;flex:none;padding:0 2px;font-size:1.1rem;line-height:1}.table-search-clear:hover{color:var(--fg)}.reports-modal-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.reports-modal-meta{color:var(--fg-muted);align-items:center;gap:10px;font-size:.78rem;display:flex}.reports-modal-meta em{color:var(--fg-soft);font-style:normal}.reports-modal-meta .cell-mono{background:var(--border-soft);color:#4ade80;border-radius:6px;padding:3px 8px}.reports-modal-create{background:#4ade800a;border:1px solid #4ade802e;border-radius:12px;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-bottom:12px;padding:14px;display:grid}.reports-modal-create-actions{justify-content:flex-end;display:flex}@media (max-width:720px){.reports-modal-create{grid-template-columns:1fr}}.data-table{border-collapse:collapse;width:100%;font-size:.85rem}.data-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);background:var(--surface-softer);border-bottom:1px solid var(--border);padding:12px 16px;font-size:.7rem;font-weight:600}.data-table tbody td{border-bottom:1px solid var(--border-soft);color:var(--fg-soft);vertical-align:top;padding:14px 16px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-softer)}.cell-primary{color:var(--fg);font-weight:500}.cell-sub{color:var(--fg-faint);margin-top:2px;font-size:.75rem}.cell-mono{font-family:var(--font-geist-mono), monospace;color:var(--fg-muted);font-size:.8rem}.cell-pill{background:var(--border-soft);border:1px solid var(--border);color:var(--fg-muted);border-radius:12px;padding:2px 8px;font-size:.72rem;display:inline-block}.row-actions{flex-wrap:nowrap;justify-content:flex-end;gap:6px;display:flex}.data-table thead th.th-actions{text-align:right}.cell-nowrap{white-space:nowrap}.btn-icon{border:1px solid var(--border);width:30px;height:30px;color:var(--fg-muted);cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-icon:hover{background:var(--border-strong);color:var(--fg)}.btn-icon-success{color:#4ade80;border-color:#4ade8059}.btn-icon-success:hover{color:#4ade80;background:#4ade8029;border-color:#4ade8080}.btn-icon-warn{color:#facc15;border-color:#facc1559}.btn-icon-warn:hover{color:#facc15;background:#facc1529;border-color:#facc1580}.btn-icon-danger{color:#f87171;border-color:#ef444459}.btn-icon-danger:hover{color:#f87171;background:#ef444429;border-color:#ef444480}.table-empty{text-align:center;color:var(--fg-faint);padding:28px 16px}.table-actions{gap:8px;margin-bottom:12px;display:flex}.table-pagination{color:var(--fg-muted);justify-content:center;align-items:center;gap:14px;padding:18px 0;font-size:.82rem;display:flex}@media (max-width:640px){.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-toolbar{flex-wrap:nowrap;gap:10px;margin:-10px 0 4px;padding:10px 0 12px;box-shadow:0 10px 14px -12px #000000e6}.table-search{flex:auto;order:0;width:auto;max-width:none}.table-toolbar-count{display:none}.table-toolbar-pager{flex-shrink:0}.data-table{font-size:.84rem}.data-table,.data-table tbody,.data-table tbody tr,.data-table tbody td{width:100%;display:block}.data-table thead{display:none}.data-table tbody tr{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;margin-bottom:12px;padding:4px 2px}.data-table tbody tr:hover{background:var(--surface-soft)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody td{text-align:left;border-bottom:1px solid var(--border-soft);padding:8px 14px}.data-table tbody td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.07em;color:var(--fg-faint);margin-bottom:3px;font-size:.62rem;font-weight:700;display:block}.data-table tbody td:not([data-label]):before{content:none}.data-table tbody td:empty{display:none}.row-actions{flex-wrap:wrap;justify-content:flex-start}.cell-sub{white-space:normal}.reports-modal-toolbar{flex-direction:column;align-items:stretch}}.area-cards{display:none}@media (max-width:640px){.table-wrap-cards{display:none}.area-cards{flex-direction:column;gap:14px;display:flex}}.area-cards-empty{text-align:center;color:var(--fg-faint);border:1px dashed var(--border);border-radius:16px;padding:44px 18px;font-size:.9rem}.area-card{border:1px solid var(--border);background:linear-gradient(165deg,#ffffff0b,#ffffff03);border-radius:18px;padding:16px;transition:transform .18s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000047}.area-card:before{content:"";opacity:.85;background:linear-gradient(90deg,#4ade80,#16a34a);height:3px;position:absolute;inset:0 0 auto}.area-card:active{transform:scale(.992)}.area-card-top{align-items:flex-start;gap:12px;display:flex}.area-card-avatar{background:radial-gradient(circle at 50% 35%,#4ade8047,#22c55e1a);border:1px solid #4ade804d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;display:flex;box-shadow:inset 0 1px #ffffff1f}.area-card-id{flex:1;min-width:0}.area-card-name{color:var(--fg);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:1px 0 0;font-size:1rem;font-weight:650;line-height:1.3;display:-webkit-box;overflow:hidden}.area-card-project{color:var(--fg-faint);flex-wrap:wrap;align-items:center;gap:6px;margin:5px 0 0;font-size:.76rem;display:flex}.area-card-dot{opacity:.5}.area-card-top .status-badge,.area-card-top>button:last-child{flex-shrink:0}.area-card-meta{border-top:1px solid var(--border-soft);grid-template-columns:1.1fr .9fr .7fr;gap:10px;margin-top:14px;padding-top:14px;display:grid}.area-cards--two .area-card-meta{grid-template-columns:1.4fr 1fr}.area-card-stat{flex-direction:column;gap:4px;min-width:0;display:flex}.area-card-stat-label{letter-spacing:.07em;text-transform:uppercase;color:var(--fg-faint);font-size:.56rem;font-weight:700}.area-card-stat-val{color:var(--fg-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.area-card-stat-val.mono{font-family:var(--font-geist-mono), monospace;font-size:.73rem}.area-card-cat{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border-soft);color:var(--fg-muted);background:#ffffff0f;border-radius:999px;align-self:flex-start;padding:3px 9px;font-size:.66rem;font-weight:600}.area-card-foot{border-top:1px solid var(--border-soft);align-items:center;gap:10px;margin-top:14px;padding-top:12px;display:flex}.area-card-btn-view{color:#86efac;cursor:pointer;background:#4ade801a;border:1px solid #4ade8052;border-radius:11px;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:.82rem;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.area-card-btn-view:hover{background:#4ade802e}.area-card-btn-view:active{transform:scale(.97)}.area-card-foot-icons{gap:8px;margin-left:auto;display:flex}