:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#090b10;color:#f3f6ff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 0%,#3256af33,#090b1000 35%),radial-gradient(circle at top right,#171f35,#090b10 45%)}#app,.app-dark{min-height:100vh}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(460px,100%);background:#101521;border:1px solid #27324d;border-radius:14px;padding:1.4rem;display:grid;gap:.9rem;box-shadow:0 16px 40px #03071073}.auth-card h1,.workspace-header h2,.modal-header h3{margin:0}.muted{margin:0;color:#93a4c8}.form-stack{display:grid;gap:.8rem}label{display:grid;gap:.35rem;font-size:.88rem;color:#b7c4e2}.required-label:after{content:" *";color:#ff7f9c}input,select,button{height:40px;border-radius:10px;border:1px solid #31405f;background:#111a2c;color:#f2f6ff;font:inherit;padding:0 .75rem}input,select{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus{outline:none;border-color:#4f78e6;box-shadow:0 0 0 3px #4f78e633;background:#13213a}button{cursor:pointer;background:linear-gradient(180deg,#2f5eea,#2450d2);border-color:#2d56d2;font-weight:600;transition:transform .14s ease,filter .14s ease,border-color .14s ease}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#171f33;border-color:#2b3a5f}button.danger{background:#6f1d2c;border-color:#8f2a3b}button.full{width:100%}.small-field{margin-top:.4rem}.info-box{background:#0f1424;border:1px solid #2a3553;border-radius:10px;color:#b6c3e1;padding:.8rem;min-height:44px}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0f1628,#0b1220);border-right:1px solid #22304f;padding:1rem;display:grid;grid-template-rows:auto repeat(4,auto) 1fr auto;gap:.6rem;box-shadow:inset -1px 0 #5674b526}.brand{font-weight:700;letter-spacing:.35px;margin-bottom:.5rem;color:#dce7ff}.menu-item{text-align:left;background:#141d31;border-color:#2a3a5f;color:#d5e2ff}.menu-item:hover:not(.active){background:#1a2742;border-color:#375082}.menu-item.active{background:linear-gradient(180deg,#2f63f2,#2753d8);border-color:#4a75f2;box-shadow:0 8px 20px #2855da52}.workspace{padding:1.2rem;display:grid;gap:1rem;align-content:start}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.35rem;border-bottom:1px solid #202f4d}.workspace-title{display:flex;align-items:center;gap:.7rem}.mobile-menu-toggle{display:none;width:40px;min-width:40px;padding:0;font-size:1.05rem;justify-content:center;align-items:center}.mobile-menu-backdrop{display:none}.toast{position:fixed;right:1rem;bottom:1rem;z-index:130;background:#11223f;border:1px solid #2c4f89;color:#d7e7ff;border-radius:10px;padding:.65rem .8rem;font-size:.88rem;box-shadow:0 10px 25px #03081266;animation:toastSlideIn .25s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.token-state{height:30px;display:inline-flex;align-items:center;border-radius:999px;padding:0 .8rem;background:#153c2e;color:#8de2bf;border:1px solid #1f5a45;font-size:.83rem;font-weight:700}.toolbar{display:flex;justify-content:flex-start}.items-toolbar{width:100%;display:flex;flex-direction:column;gap:.7rem;align-items:stretch}.items-toolbar-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,180px));justify-content:start;gap:.6rem}.items-toolbar-search{width:100%;display:flex}.items-toolbar-search label{width:min(420px,100%);margin:0;background:transparent;border:0;border-radius:0;padding:0}.items-toolbar-search input{width:100%;height:36px}.item-filters{display:grid;gap:.5rem;grid-template-columns:repeat(6,minmax(120px,1fr));align-items:end;width:100%}.item-filters-row{display:none;width:100%;align-items:stretch;gap:.55rem}.item-filters-row.open{display:block}.item-filters-wrap{display:none;flex:1;width:100%;max-width:none;background:#0f1728;border:1px solid #27395e;border-radius:12px;padding:.62rem;box-shadow:inset 0 1px #94b0ed14}.item-filters-wrap.open{display:block}.toolbar-action-btn{height:40px;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0 .9rem;border-radius:10px;white-space:nowrap}.toolbar-filter-btn{max-width:none;width:100%;justify-self:start;padding:0 .65rem}.toolbar-reset-icon-btn{width:100%;min-width:0;height:40px;justify-self:start;padding:0 .65rem}.toolbar-action-btn-icon{font-size:.95rem;line-height:1}.item-filters label{margin:0;background:transparent;border:0;border-radius:0;padding:0}.item-filters input,.item-filters select{width:100%;height:36px}.item-filters .filter-field-compact input,.item-filters .filter-field-date input{max-width:none}.icon-btn{width:36px;min-width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.table-card{background:linear-gradient(180deg,#101b2f,#0e1729);border:1px solid #27395e;border-radius:12px;padding:.9rem;display:grid;gap:.8rem;overflow-x:auto;box-shadow:0 10px 26px #02060e52}.tenant-card{gap:.9rem}.tenant-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.tenant-header h3{margin:0}.tenant-actions{display:flex;flex-wrap:wrap;gap:.45rem}.tenant-actions button{width:auto;min-width:96px;padding:0 .85rem}.tenant-invite-code{font-family:Consolas,Courier New,monospace;font-size:1.1rem;letter-spacing:.3px;background:#0c1424;border:1px solid #27375c;border-radius:10px;padding:.65rem .8rem;color:#bfe0ff}.tenant-meta{display:flex;gap:1rem;flex-wrap:wrap;color:#9ab1dc;font-size:.88rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #22324f;padding:.75rem .55rem;font-size:.9rem}tbody tr:hover{background:#3e5da024}tbody tr:last-child td{border-bottom:0}th{color:#9fb3de;font-weight:600}.table-sort{height:auto;border:0;background:transparent;color:inherit;padding:0;font-size:.9rem}td{color:#e7eeff}.table-empty{text-align:center;color:#9fb3de;font-style:italic}.row-actions{display:flex;gap:.35rem}.row-actions button{height:32px;width:32px;min-width:32px;padding:0;border-radius:9px}.row-actions .action-btn{font-size:.92rem;line-height:1;border-width:1px}.row-actions .action-btn.edit{background:#17243d;border-color:#2b4d82;color:#a9c8ff}.row-actions .action-btn.preview{background:#1a2640;border-color:#365689;color:#b7d6ff}.row-actions .action-btn.delete{background:#5f1f2d;border-color:#8d3044;color:#ffd3dd}.infinite-trigger{text-align:center;color:#95a9d6;font-size:.84rem;padding:.35rem 0}.infinite-skeleton{display:grid;gap:.35rem}.skeleton-line{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#1a2946,#2a426f,#1a2946);background-size:220% 100%;animation:skeletonPulse 1.2s ease-in-out infinite}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-20% 0}}.modal-overlay{position:fixed;inset:0;background:#030509b3;display:grid;place-items:center;padding:1rem;z-index:100}.modal-window{width:min(640px,100%);background:#0f1728;border:1px solid #2a395f;border-radius:14px;padding:1rem;display:grid;gap:1rem;box-shadow:0 24px 55px #00000073}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-body{display:grid;gap:.8rem}.multi-picker-wrap{display:grid;gap:.35rem;font-size:.88rem;color:#b7c4e2}.multi-picker{background:#111a2c;border:1px solid #31405f;border-radius:10px;padding:.5rem .7rem}.multi-picker>summary{list-style:none;cursor:pointer;color:#f2f6ff;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-list{display:flex;flex-wrap:wrap;gap:.35rem}.chip{display:inline-flex;align-items:center;height:24px;border-radius:999px;padding:0 .55rem;background:#1c2a46;border:1px solid #30476f;color:#d7e5ff;font-size:.78rem;line-height:1}.chip.more{background:#22365f;border-color:#3f629e}.multi-picker>summary::-webkit-details-marker{display:none}.multi-picker-options{margin-top:.55rem;border-top:1px solid #243555;padding-top:.55rem;display:grid;gap:.4rem;max-height:180px;overflow:auto}.multi-picker-option{width:100%;min-height:36px;height:auto;text-align:left;justify-content:flex-start;padding:.5rem .6rem;border-radius:8px;border:1px solid #2d426a;background:#121e34;color:#e5edff;line-height:1.2}.multi-picker-option:hover{background:#182848}.multi-picker-option.selected{background:#244a96;border-color:#3d68bf}.detail-list{display:grid;gap:.55rem}.detail-row{display:grid;gap:.2rem;padding:.2rem 0}.detail-label{color:#9fb3de;font-size:.8rem}.detail-value{color:#e8efff;font-size:.92rem;word-break:break-word}pre{margin:0;padding:.75rem;border-radius:10px;background:#0b1220;border:1px solid #1f2b48;color:#d9e5ff;overflow:auto}@media(max-width:1400px){.item-filters{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media(max-width:1180px){.item-filters{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media(max-width:980px){.shell{grid-template-columns:1fr;position:relative}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(300px,82vw);z-index:120;grid-template-rows:auto repeat(4,auto) 1fr auto;transform:translate(-106%);transition:transform .2s ease;box-shadow:10px 0 28px #00000073}.sidebar.open{transform:translate(0)}.mobile-menu-toggle{display:inline-flex}.mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:110;border:0;border-radius:0;padding:0;background:#02050a8c}.items-toolbar{gap:.6rem}.items-toolbar-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.items-toolbar-search label{width:100%}.toolbar-filter-btn{max-width:none;width:100%}.toolbar-reset-icon-btn{width:100%;min-width:0}.item-filters-wrap{padding:.7rem}.item-filters-row.open{display:block}.item-filters{grid-template-columns:1fr;gap:.55rem}.item-filters .filter-field-compact input,.item-filters .filter-field-date input{width:100%;max-width:none}.item-filters label{padding:.45rem}.toast{right:.8rem;bottom:.8rem;max-width:calc(100vw - 1.6rem)}.workspace{padding:.8rem}.table-card{padding:.72rem}.tenant-header{flex-direction:column;align-items:flex-start;gap:.55rem}.tenant-actions{width:100%;flex-wrap:nowrap}.tenant-actions button{flex:1;min-width:0;padding:0 .5rem}th,td{font-size:.82rem;white-space:nowrap}}@media(max-width:560px){.workspace{padding:.65rem}.item-filters-wrap{border-radius:10px;padding:.55rem}.item-filters label{font-size:.84rem}.items-toolbar-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.toolbar-action-btn{padding:0 .55rem;font-size:.86rem}.toolbar-filter-btn{font-size:.82rem}}
