:root{color-scheme:light;font-family:Inter,Roboto,ui-sans-serif,system-ui,sans-serif;color:#191d19;background:#f8fbf6;--primary: #386a46;--primary-hover: #245835;--primary-container: #b8f2c3;--on-primary-container: #00210d;--surface: #f8fbf6;--surface-container: #eaf0e8;--surface-container-high: #e3ebe1;--surface-card: #ffffff;--outline: #717970;--outline-variant: #c2cac0;--on-surface-variant: #424940;--error: #ba1a1a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--surface)}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:999px;min-height:42px;padding:.62rem 1.2rem;background:var(--primary);color:#fff;font-weight:720;letter-spacing:.01em;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}button:hover{background:var(--primary-hover);box-shadow:0 3px 8px #12351b2b}button:active{transform:translateY(1px)}button.secondary{background:transparent;color:var(--primary);border:1px solid var(--outline);box-shadow:none}button.secondary:hover{background:#e2f3e2;box-shadow:none}a{color:#205a36;font-weight:680}.card{width:min(100%,760px);padding:clamp(1.25rem,2.8vw,2rem);background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:28px;box-shadow:0 2px 7px #1d2f201c}#app>.card{margin:min(16vh,9rem) auto}.stack{display:grid;gap:1.15rem}.heading h1{margin:0;font-size:clamp(1.5rem,2.4vw,2.15rem);font-weight:700;letter-spacing:-.035em}.heading p,.error{margin:.4rem 0 0;color:var(--on-surface-variant)}.error{min-height:1.25rem;color:var(--error)}.import-notice{flex-basis:100%}.import-notice.is-success{color:var(--primary)}.import-notice.is-error{color:var(--error)}.field{display:grid;gap:.42rem;min-width:0;color:var(--on-surface-variant);font-size:.88rem;font-weight:750}.field input,.field select{width:100%;min-height:3.1rem;padding:.68rem .84rem;border:1px solid var(--outline);border-radius:8px;background:#fff;color:#191d19;outline:none}.field input:focus,.field select:focus{border:2px solid var(--primary);padding:calc(.68rem - 1px) calc(.84rem - 1px);box-shadow:0 0 0 3px #b8f2c35c}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.check{display:inline-flex;gap:.55rem;align-items:center;color:var(--on-surface-variant);font-weight:700}.check input{accent-color:var(--primary);width:1.1rem;height:1.1rem}.shell{width:min(1600px,100%);min-height:100vh;margin:0 auto;display:grid;grid-template-columns:264px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:1rem;padding:1.35rem 1rem 1rem;background:#eef6ec;border-right:1px solid var(--outline-variant)}.brand{display:grid;grid-template-columns:42px 1fr;column-gap:.72rem;align-items:center;padding:.45rem .68rem 1rem}.brand-mark{display:grid;place-items:center;grid-row:span 2;width:42px;height:42px;border-radius:15px;background:var(--primary);color:#fff;font-weight:850;letter-spacing:-.09em}.brand strong{font-size:1.12rem}.brand small,.profile-button small{color:var(--on-surface-variant);font-weight:600}.nav{display:grid;gap:.25rem}button.nav-button{width:100%;justify-content:flex-start;padding-inline:1rem;background:transparent;color:#2d332c;text-align:left;box-shadow:none}button.nav-button:hover{background:#dfecdd;box-shadow:none}button.nav-button.active{background:var(--primary-container);color:var(--on-primary-container)}.sidebar-footer{display:grid;gap:.65rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--outline-variant)}.profile-button{display:grid;gap:.12rem;width:100%;min-height:62px;padding:.7rem 1rem;border-radius:16px;background:#dfeadd;color:#17351e;text-align:left;box-shadow:none}.profile-button:hover{background:#d2e8d2;box-shadow:none}.profile-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer>.secondary{width:100%}.workspace{min-width:0;padding:clamp(1.25rem,3vw,3.25rem)}.page-header{display:flex;align-items:center;min-height:4.5rem;margin-bottom:1.25rem}.content{display:grid;gap:1.25rem;max-width:1280px}.content>.card{width:100%;max-width:none}.toolbar,.log-context{display:flex;gap:.85rem;align-items:center;flex-wrap:wrap;padding:1rem;background:var(--surface-container);border-radius:20px}.toolbar .field{flex:1 1 290px}.log-context{justify-content:space-between}.log-context p{margin:0;color:var(--on-surface-variant)}.log-filters{padding-block:.85rem}.log-filters .field{flex-basis:230px}.scope-label{margin:0;padding:.7rem .9rem;border-radius:999px;background:#fff;color:var(--on-surface-variant);font-size:.85rem;font-weight:720}.list{display:grid;gap:.7rem}.row{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:1rem 1.1rem;border-radius:20px;background:#fff;border:1px solid var(--outline-variant)}.actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.editor{width:100%;background:#f1f8ef}.compact-form{max-width:560px!important}.create-user-card{background:#f2f9f0}.data-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--outline-variant);border-radius:20px;background:#fff;box-shadow:0 1px 2px #1b2b1d12}.data-table th,.data-table td{padding:.9rem 1rem;border-bottom:1px solid var(--outline-variant);text-align:left;vertical-align:middle}.data-table th{position:relative;background:#eff6ed;color:var(--on-surface-variant);font-size:.75rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#f7fbf5}.data-table td:nth-child(2){max-width:520px;overflow-wrap:anywhere}.data-table td:last-child{width:1%;white-space:nowrap}.data-table td:nth-child(3){max-width:500px;overflow-wrap:anywhere}.empty-cell{padding:2rem!important;color:var(--on-surface-variant);text-align:center!important}.text-button{min-height:auto;padding:0;border-radius:0;background:none;color:var(--primary);box-shadow:none}.text-button:hover{background:none;color:var(--primary-hover);box-shadow:none}.keyword-label{color:var(--primary);font-weight:760}.row-actions{display:flex;align-items:center;gap:.2rem}.inline-editing{background:#edf8ec!important}.inline-input{width:100%;min-width:170px;padding:.52rem .65rem;border:2px solid var(--primary);border-radius:8px;background:#fff;color:#191d19;outline:none}.inline-error{max-width:150px;color:var(--error);font-size:.75rem;font-weight:700;overflow-wrap:anywhere}.column-resize-handle{position:absolute;z-index:1;top:0;right:-6px;width:12px;height:100%;cursor:col-resize;touch-action:none}.column-resize-handle:after{content:"";position:absolute;top:25%;bottom:25%;left:5px;width:2px;border-radius:2px;background:transparent;transition:background .15s ease}.column-resize-handle:hover:after,.resizing-columns .column-resize-handle:after{background:var(--primary)}.resizing-columns{cursor:col-resize;-webkit-user-select:none;user-select:none}.log-table{table-layout:fixed}.log-table th,.log-table td{padding:.58rem .72rem;font-size:.78rem;line-height:1.35}.log-table th{font-size:.66rem}.log-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-table td:nth-child(4){color:var(--on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.log-table td:last-child{width:auto;white-space:nowrap}.traffic-dashboard{display:grid;gap:1rem}.traffic-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.traffic-metric,.traffic-panel{border:1px solid var(--outline-variant);border-radius:20px;background:#fff;box-shadow:0 1px 2px #1b2b1d12}.traffic-metric{display:grid;gap:.2rem;padding:1.15rem 1.3rem;background:linear-gradient(135deg,#fff,#eef8ed)}.traffic-metric span,.traffic-metric small,.traffic-panel p,.traffic-range{color:var(--on-surface-variant)}.traffic-metric span{font-size:.82rem;font-weight:760}.traffic-metric strong{color:var(--primary);font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.045em}.traffic-metric small{font-size:.76rem}.traffic-panels{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);gap:1rem}.traffic-panel{min-width:0;padding:1.15rem 1.3rem}.traffic-panel h2{margin:0;font-size:1rem;letter-spacing:-.015em}.traffic-panel p{margin:.25rem 0 .8rem;font-size:.78rem}.traffic-chart-panel svg{display:block;width:100%;height:190px;overflow:visible}.traffic-gridline{stroke:#dbe6d9;stroke-width:1;stroke-dasharray:3 4}.traffic-line{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.traffic-range{display:flex;justify-content:space-between;font-size:.72rem}.traffic-ranking{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.traffic-ranking li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.12rem .75rem;font-size:.79rem}.traffic-ranking li>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traffic-ranking strong{color:var(--primary);font-size:.78rem}.traffic-bar{grid-column:1 / -1;height:5px;overflow:hidden;border-radius:999px;background:#e3ece1}.traffic-bar:after{content:"";display:block;width:var(--traffic-width);height:100%;border-radius:inherit;background:var(--primary)}.traffic-empty{color:var(--on-surface-variant)}.icon-button{display:grid;place-items:center;width:40px;min-width:40px;min-height:40px;padding:0;border-radius:50%;background:transparent;color:var(--primary);font-size:1.25rem;box-shadow:none}.icon-button:hover{background:#dff0df;box-shadow:none}.icon-button svg{width:1.35rem;height:1.35rem}.preview-drawer{position:fixed;z-index:20;top:0;right:0;width:min(430px,100vw);height:100vh;padding:1.2rem;background:#fff;border-left:1px solid var(--outline-variant);box-shadow:-8px 0 28px #1a2b1c2e;overflow-y:auto}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.preview-header h2{margin:0;font-size:1.1rem}.preview-link{display:block;margin-block:1rem;overflow-wrap:anywhere}.preview-notice{padding:.85rem;border-radius:12px;background:var(--surface-container);color:var(--on-surface-variant);font-size:.9rem;line-height:1.5}.codes{margin:0;padding:1rem 1.25rem;border-radius:16px;background:var(--surface-container);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.8}@media(max-width:900px){.shell{display:block}.sidebar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto;padding:.8rem 1rem;border-right:0;border-bottom:1px solid var(--outline-variant)}.brand{padding:0}.nav{grid-column:1 / -1;display:flex;overflow-x:auto;padding-top:.35rem}button.nav-button{width:auto;white-space:nowrap}.sidebar-footer{display:none}.workspace{padding:1.25rem 1rem 2rem}.page-header{min-height:auto;margin-bottom:1rem}}@media(max-width:640px){.card{border-radius:22px}.field-grid{grid-template-columns:1fr}.toolbar,.log-context{align-items:stretch}.toolbar>button,.log-context>button{width:100%}.traffic-summary,.traffic-panels{grid-template-columns:1fr}.traffic-panel{padding:1rem}.data-table{display:block;overflow-x:auto}.data-table th,.data-table td{min-width:140px}.actions>button{flex:1 1 180px}}