:root{--df-primary: #2563EB;--df-primary-hover: #1D4ED8;--df-primary-soft: #EFF6FF;--df-secondary: #7C3AED;--df-secondary-soft: #F5F3FF;--df-tertiary: #6B7280;--df-bg: #FAFAFA;--df-surface: #FFFFFF;--df-success: #16A34A;--df-success-soft: #F0FDF4;--df-warning: #CA8A04;--df-warning-soft: #FFF7ED;--df-error: #DC2626;--df-error-hover: #B91C1C;--df-error-soft: #FEF2F2;--df-info: #2563EB;--df-text: #18181B;--df-text-secondary: #52525B;--df-text-muted: #71717A;--df-text-faint: #A1A1AA;--df-border: #E4E4E7;--df-border-hover: #D4D4D8;--df-border-subtle: #F4F4F5;--df-divider: #F4F4F5;--df-shadow-subtle: 0 1px 2px rgba(0, 0, 0, .04);--df-shadow-medium: 0 4px 12px rgba(0, 0, 0, .06);--df-shadow-large: 0 12px 32px rgba(0, 0, 0, .1);--df-shadow-overlay: 0 0 0 9999px rgba(0, 0, 0, .35);--df-code-inset: inset 0 0 0 1px #E4E4E7;--df-radius-none: 0;--df-radius-sm: 4px;--df-radius-md: 8px;--df-radius-lg: 12px;--df-radius-xl: 16px;--df-radius-full: 9999px;--df-space-1: 4px;--df-space-2: 8px;--df-space-3: 16px;--df-space-4: 24px;--df-space-5: 32px;--df-space-6: 48px;--df-space-7: 64px;--df-space-8: 96px;--df-sidebar-width: 280px;--df-sidebar-collapsed: 72px;--df-content-prose: 768px;--df-control-h: 40px;--df-label-gap: 6px;--df-label-line: 1.35em;--df-sidebar-z: 40;--df-backdrop-z: 35;--df-font-display: "Plus Jakarta Sans", system-ui, sans-serif;--df-font-body: "Inter", system-ui, -apple-system, sans-serif;--df-font-mono: "Fira Code", ui-monospace, monospace;--primary-color: var(--df-primary);--primary-hover: var(--df-primary-hover);--primary-light: var(--df-primary-soft);--success-color: var(--df-success);--success-light: var(--df-success-soft);--danger-color: var(--df-error);--danger-light: var(--df-error-soft);--warning-color: var(--df-warning);--background-base: var(--df-bg);--card-bg: var(--df-surface);--border-color: var(--df-border);--text-primary: var(--df-text);--text-muted: var(--df-text-muted);--sidebar-bg: var(--df-surface);--sidebar-hover: var(--df-border-subtle);--sidebar-active: var(--df-primary-soft);--font-sans: var(--df-font-body);--transition-smooth: color .15s ease, background .15s ease, border-color .15s ease, box-shadow .2s ease, opacity .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--df-font-body);font-size:16px;font-weight:400;line-height:1.7;color:var(--df-text);background:var(--df-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--df-font-display);color:var(--df-text);font-weight:700;line-height:1.2;letter-spacing:.01em}code,.badge-code,.metadata-pre,pre{font-family:var(--df-font-mono);font-size:14px;line-height:1.7}pre,.metadata-pre{background:var(--df-bg);box-shadow:var(--df-code-inset);border-radius:var(--df-radius-lg);padding:var(--df-space-3);overflow-x:auto;color:var(--df-text-secondary)}a{color:var(--df-primary)}.dashboard-shell{display:grid;grid-template-columns:var(--df-sidebar-width) 1fr;min-height:100vh;transition:grid-template-columns .2s ease}.dashboard-shell.sidebar-collapsed{grid-template-columns:var(--df-sidebar-collapsed) 1fr}.sidebar{background:var(--df-surface);color:var(--df-text);display:flex;flex-direction:column;border-right:1px solid var(--df-border-subtle);position:sticky;top:0;height:100vh;overflow:hidden;width:100%;z-index:var(--df-sidebar-z);transition:width .2s ease,transform .22s ease}.sidebar-brand{padding:var(--df-space-3);display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--df-border-subtle);min-height:64px;position:relative}.brand-logo{font-size:1.5rem}.brand-logo-image{width:36px;height:36px;object-fit:contain;flex-shrink:0;border-radius:var(--df-radius-md)}.sidebar-brand h2{font-family:var(--df-font-display);font-size:15px;font-weight:700;letter-spacing:.01em;color:var(--df-text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-close-btn{margin-left:auto}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:12px 8px}.sidebar-collapsed .sidebar-brand h2,.sidebar-collapsed .sidebar-search,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .nav-label,.sidebar-collapsed .user-info,.sidebar-collapsed .sidebar-logout{display:none}.sidebar-collapsed .nav-section-divider{height:1px;background:var(--df-border-subtle);margin:10px 12px}.sidebar-collapsed .nav-item{justify-content:center;padding:0;border-left-width:0;border-radius:var(--df-radius-md);width:44px;height:44px;min-height:44px;margin:2px auto}.sidebar-collapsed .nav-item.active{background:var(--df-primary-soft);color:var(--df-primary);box-shadow:inset 0 0 0 1px #2563eb33}.sidebar-collapsed .sidebar-nav{padding:8px 0;align-items:center}.sidebar-collapsed .sidebar-footer{padding:10px 8px;align-items:center}.sidebar-collapsed .user-profile{justify-content:center}.sidebar-logout-icon{margin:8px auto 0;display:grid}.sidebar-logout{display:inline-flex;align-items:center;gap:6px;margin-top:8px;width:100%}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;border:none;z-index:var(--df-backdrop-z);cursor:pointer;animation:fadeIn .15s ease}.sidebar-search{padding:var(--df-space-3);border-bottom:1px solid var(--df-border-subtle)}.sidebar-search-input{width:100%;height:36px;padding:8px 12px 8px 36px;border:none;border-radius:var(--df-radius-md);background:var(--df-border-subtle);font-family:var(--df-font-body);font-size:14px;color:var(--df-text);outline:none;transition:var(--transition-smooth)}.sidebar-search-input::placeholder{color:var(--df-text-faint)}.sidebar-search-input:focus{box-shadow:0 0 0 2px var(--df-primary);background:var(--df-surface)}.sidebar-search-wrap{position:relative}.sidebar-search-wrap .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--df-text-faint);pointer-events:none}.sidebar-search-hint{display:flex;justify-content:flex-end;margin-top:6px}.kbd{font-family:var(--df-font-mono);font-size:11px;font-weight:500;color:var(--df-text-muted);background:var(--df-surface);border:1px solid var(--df-border);border-radius:var(--df-radius-sm);padding:1px 6px;line-height:1.4}.sidebar-nav{padding:var(--df-space-2) var(--df-space-3) var(--df-space-3);display:flex;flex-direction:column;gap:0;flex:1;overflow-y:auto}.nav-section-label{font-family:var(--df-font-body);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--df-text-faint);padding:16px 12px 8px}.nav-item{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;color:var(--df-text-secondary);text-decoration:none;border-radius:var(--df-radius-md);font-family:var(--df-font-body);font-size:14px;font-weight:400;border-left:2px solid transparent;margin-left:0;transition:var(--transition-smooth)}.nav-item:hover{background:var(--df-border-subtle);color:var(--df-text)}.nav-item.active{background:var(--df-primary-soft);color:var(--df-primary);border-left-color:var(--df-primary);font-weight:500}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;opacity:.88;color:inherit}.nav-icon svg{display:block}.sidebar-footer{padding:var(--df-space-3);border-top:1px solid var(--df-border-subtle);background:var(--df-bg)}.user-profile{display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:var(--df-radius-full);background:var(--df-primary-soft);color:var(--df-primary);display:grid;place-items:center;font-family:var(--df-font-display);font-weight:700;font-size:13px;border:1px solid var(--df-border)}.user-info{display:flex;flex-direction:column;min-width:0}.user-info strong{font-size:13px;font-weight:600;color:var(--df-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info span{font-size:12px;color:var(--df-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{display:flex;flex-direction:column;height:100vh;overflow-y:auto;background:var(--df-bg)}.top-bar{height:56px;padding:0 var(--df-space-5) 0 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--df-border-subtle);background:var(--df-surface);position:sticky;top:0;z-index:10;gap:12px}.top-bar-left{display:flex;align-items:center;gap:0;min-width:0;height:100%;flex:1}.top-bar-right{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-right:4px;height:100%}.top-bar-nav-control{display:flex;align-items:center;justify-content:center;height:100%;padding:0 14px;margin-right:14px;border-right:1px solid var(--df-border-subtle);flex-shrink:0}.topbar-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--df-radius-md);background:transparent;color:var(--df-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.topbar-nav-btn:hover{background:var(--df-border-subtle);color:var(--df-text)}.topbar-nav-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--df-primary-soft),0 0 0 3px var(--df-primary)}.topbar-nav-btn svg{display:block}.top-bar-left .breadcrumb-active{padding-right:12px}.app-banner{margin:12px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.app-banner .banner-link a{font-weight:600}.show-on-xs-only{display:none}.breadcrumb-active{font-family:var(--df-font-body);font-weight:500;font-size:14px;color:var(--df-text-secondary)}.server-status-pill{display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--df-success-soft);border:1px solid transparent;border-radius:var(--df-radius-full);font-size:12px;font-weight:500;color:var(--df-success)}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.online{background:var(--df-success)}.page-content{padding:var(--df-space-5) var(--df-space-5) var(--df-space-6);flex:1}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--df-space-4);gap:var(--df-space-3)}.page-header>div:first-child{min-width:0;flex:1}.page-header h1{font-family:var(--df-font-display);font-size:30px;font-weight:700;line-height:1.2;letter-spacing:.01em;color:var(--df-text)}.page-header-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;flex-shrink:0;margin-top:2px}.page-header-actions .select-wrapper,.page-header-actions .field{min-width:110px}.page-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:8px}.subtitle{color:var(--df-text-muted);font-size:14px;line-height:1.6;letter-spacing:.01em;margin-top:6px;max-width:var(--df-content-prose)}.btn-back{background:none;border:none;color:var(--df-primary);font-family:var(--df-font-body);font-weight:500;font-size:14px;cursor:pointer;padding:4px 0;display:inline-block;margin-bottom:4px}.btn-back:hover{color:var(--df-primary-hover);text-decoration:underline}.card{background:var(--df-surface);border:1px solid var(--df-border-subtle);border-radius:var(--df-radius-md);box-shadow:var(--df-shadow-subtle);padding:var(--df-space-4);margin-bottom:var(--df-space-3);transition:var(--transition-smooth)}.card:hover{box-shadow:var(--df-shadow-medium)}.filters-card{padding:18px var(--df-space-4)}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--df-space-3);border-bottom:1px solid var(--df-border-subtle);padding-bottom:12px}.card-header-flex h3{font-family:var(--df-font-display);font-size:18px;font-weight:600}.help-text{font-size:12px;font-weight:400;color:var(--df-text-muted);line-height:1.4}.grid{display:grid;gap:var(--df-space-3)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.max-w-xl{max-width:36rem;margin:0 auto}.max-w-2xl{max-width:var(--df-content-prose);margin:0 auto}.table-responsive{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left}.table th{padding:12px 16px;font-family:var(--df-font-body);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--df-text-muted);border-bottom:1px solid var(--df-divider);background:transparent}.table td{padding:14px 16px;border-bottom:1px solid var(--df-divider);font-size:14px;line-height:1.6;vertical-align:middle;color:var(--df-text-secondary)}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:var(--transition-smooth)}.table tbody tr:hover{background:var(--df-border-subtle)}.row-inactive{opacity:.65}.row-inactive td{color:var(--df-text-muted)}.font-semibold{font-weight:600;color:var(--df-text)}.text-lg{font-size:18px;line-height:1.4}.text-sm{font-size:14px}.text-muted{color:var(--df-text-muted)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--df-radius-sm);font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.02em}.badge-success{background:var(--df-success-soft);color:var(--df-success)}.badge-danger{background:var(--df-error-soft);color:var(--df-error)}.badge-warning{background:var(--df-warning-soft);color:var(--df-warning)}.badge-info{background:var(--df-primary-soft);color:var(--df-primary)}.badge-purple{background:var(--df-secondary-soft);color:var(--df-secondary)}.badge-ghost{background:var(--df-border-subtle);color:var(--df-text-secondary)}.badge-code{background:var(--df-secondary-soft);color:var(--df-secondary);padding:3px 8px;border-radius:var(--df-radius-full);font-family:var(--df-font-mono);font-size:12px;font-weight:500;border:none}.org-badge{background:var(--df-primary-soft);color:var(--df-primary);padding:3px 8px;border-radius:var(--df-radius-sm);font-size:12px;font-weight:500}.badge-method-get{background:#f0fdf4;color:#16a34a;font-family:var(--df-font-mono);font-size:12px;font-weight:500}.badge-method-post{background:#eff6ff;color:#2563eb;font-family:var(--df-font-mono);font-size:12px;font-weight:500}.badge-method-put{background:#fff7ed;color:#ca8a04;font-family:var(--df-font-mono);font-size:12px;font-weight:500}.badge-method-delete{background:#fef2f2;color:#dc2626;font-family:var(--df-font-mono);font-size:12px;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;height:var(--df-control-h);min-height:var(--df-control-h);padding:0 16px;border-radius:var(--df-radius-md);font-family:var(--df-font-body);font-weight:500;font-size:14px;cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent;gap:8px;line-height:1;white-space:nowrap;box-sizing:border-box;flex-shrink:0}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--df-primary);color:#fff;border-color:var(--df-primary)}.btn-primary:hover:not(:disabled){background:var(--df-primary-hover);border-color:var(--df-primary-hover)}.btn-secondary{background:#fff;border-color:var(--df-primary);color:var(--df-primary)}.btn-secondary:hover:not(:disabled){background:var(--df-primary-soft)}.btn-ghost{background:transparent;border-color:transparent;color:var(--df-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--df-border-subtle)}.btn-danger{background:var(--df-error);color:#fff;border-color:var(--df-error)}.btn-danger:hover:not(:disabled){background:var(--df-error-hover);border-color:var(--df-error-hover)}.btn-sm{height:32px;min-height:32px;padding:0 12px;font-size:13px}.btn-lg,.btn-full{height:46px;min-height:46px;padding:0 24px;font-size:15px}.btn-success{background:var(--df-success);color:#fff;border-color:var(--df-success)}.btn-success:hover:not(:disabled){filter:brightness(.95)}.btn-full{width:100%}.actions-cell{display:flex;justify-content:flex-end;gap:6px}.btn-icon{width:32px;height:32px;border-radius:var(--df-radius-md);border:1px solid var(--df-border);background:var(--df-surface);display:grid;place-items:center;cursor:pointer;transition:var(--transition-smooth);font-size:14px;color:var(--df-text-secondary)}.btn-icon:hover{background:var(--df-border-subtle);border-color:var(--df-border-hover)}.btn-icon-danger:hover{background:var(--df-error-soft);border-color:var(--df-error);color:var(--df-error)}.form-card{padding:var(--df-space-5)}.field,.form-group,.select-wrapper{display:flex;flex-direction:column;gap:var(--df-label-gap);min-width:0}.form-group{margin-bottom:var(--df-space-3)}.field-label,.form-label,.filter-label{display:block;min-height:var(--df-label-line);line-height:var(--df-label-line);font-family:var(--df-font-body);color:var(--df-text-secondary)}.form-label{font-size:14px;font-weight:500}.filter-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--df-text-muted)}.form-group-row,.toolbar,.field-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--df-space-3)}.form-group-row>.form-group,.form-group-row>.field,.form-group-row>.select-wrapper{margin-bottom:0;flex:1 1 140px}.form-group-row>.form-group.flex-0,.form-group-row>.field.flex-0{flex:0 0 auto}.field-action{display:flex;flex-direction:column;gap:var(--df-label-gap);flex:0 0 auto;justify-content:flex-end}.field-action:before{content:" ";display:block;min-height:var(--df-label-line);line-height:var(--df-label-line);font-size:11px;font-weight:600;visibility:hidden;-webkit-user-select:none;user-select:none}.field-action-form:before{font-size:14px;font-weight:500}.flex-1{flex:1 1 0%;min-width:0}.flex-2{flex:2 1 0%;min-width:0}.text-danger{color:var(--df-error)}.form-control{width:100%;height:var(--df-control-h);min-height:var(--df-control-h);padding:0 14px;border-radius:var(--df-radius-md);border:1px solid var(--df-border);background:var(--df-surface);font-size:14px;line-height:calc(var(--df-control-h) - 2px);color:var(--df-text);font-family:var(--df-font-body);transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.form-control:hover:not(:disabled):not(:focus){border-color:var(--df-border-hover)}.form-control:focus{outline:none;border-color:var(--df-primary);box-shadow:0 0 0 3px #2563eb26}.form-control:disabled{background:var(--df-bg);border-color:var(--df-border-subtle);cursor:not-allowed;color:var(--df-text-faint)}textarea.form-control{height:auto;min-height:88px;padding:10px 14px;line-height:1.7;resize:vertical}select.form-control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%71717A' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.is-invalid{border-color:var(--df-error)!important}.is-invalid:focus{border-color:var(--df-error)!important;box-shadow:0 0 0 3px #dc26261f}.invalid-feedback{font-size:12px;color:var(--df-error);font-weight:400;line-height:1.4}.form-help{font-size:12px;color:var(--df-text-muted)}.form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;border-top:1px solid var(--df-border-subtle);padding-top:var(--df-space-4)}.form-section{margin-bottom:var(--df-space-4)}.form-section-title{font-family:var(--df-font-display);font-size:14px;font-weight:600;color:var(--df-text);margin-bottom:var(--df-space-3);padding-bottom:8px;border-bottom:1px solid var(--df-border-subtle)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.checkbox-card{display:flex;align-items:flex-start;gap:8px;padding:12px;border:1px solid var(--df-border);border-radius:var(--df-radius-md);background:var(--df-surface);cursor:pointer;transition:var(--transition-smooth);font-size:14px}.checkbox-card:hover{border-color:var(--df-border-hover);background:var(--df-bg)}.checkbox-card input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:var(--df-primary);border-radius:4px;flex-shrink:0}.checkbox-card-content{display:flex;flex-direction:column;gap:2px;min-width:0}.checkbox-card-content strong{font-weight:500;font-size:14px;color:var(--df-text)}.radio-group{display:flex;gap:12px;flex-wrap:wrap}.radio-card{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--df-border);border-radius:var(--df-radius-md);background:var(--df-surface);cursor:pointer;transition:var(--transition-smooth);font-size:14px;color:var(--df-text-secondary);flex:1;min-width:140px}.radio-card:hover{border-color:var(--df-border-hover)}.radio-card.selected{border-color:var(--df-primary);background:var(--df-primary-soft);color:var(--df-primary);box-shadow:0 0 0 1px var(--df-primary)}.radio-card input{accent-color:var(--df-primary);width:16px;height:16px}.radio-icon{font-size:16px}.toggle-group{display:flex;flex-direction:column;align-items:center}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--df-border-hover);transition:.2s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;box-shadow:var(--df-shadow-subtle)}input:checked+.slider{background-color:var(--df-primary)}input:focus+.slider{box-shadow:0 0 0 2px var(--df-primary-soft)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:var(--df-radius-full)}.slider.round:before{border-radius:50%}.toggle-label{font-size:12px;font-weight:500;color:var(--df-text-muted);margin-top:4px}.filter-group,.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.filter-group-grid{display:grid;grid-template-columns:minmax(180px,2fr) repeat(auto-fit,minmax(140px,1fr));gap:12px;align-items:end}.filter-group-grid .field-action{justify-self:start}.search-input-wrapper{position:relative;flex:1 1 200px;min-width:160px;display:flex;flex-direction:column;gap:var(--df-label-gap);justify-content:flex-end}.search-icon{position:absolute;left:12px;bottom:11px;color:var(--df-text-faint);pointer-events:none;line-height:1;width:16px;height:16px}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:16px;border-radius:var(--df-radius-md);background:var(--df-border-subtle);color:var(--df-text-muted)}.empty-icon svg{display:block}.radio-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}.scope-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--df-primary)}.btn-icon svg{display:block}.inline-flex-center{display:inline-flex;align-items:center;gap:6px}.inline-icon{display:inline-flex;vertical-align:middle}.search-input-wrapper .form-control{padding-left:40px;background:var(--df-border-subtle);border-color:transparent}.search-input-wrapper .form-control:focus{background:var(--df-surface);border-color:var(--df-primary)}.person-picker{display:flex;flex-direction:column;gap:10px}.person-picker-search{position:relative;display:flex;align-items:center}.person-picker-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--df-text-faint);pointer-events:none;z-index:1}.person-picker-input.form-control{padding-left:40px;padding-right:88px;min-height:44px}.person-picker-status{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--df-text-muted);pointer-events:none}.person-picker-empty{margin:0;font-size:13px;color:var(--df-text-muted);padding:8px 4px}.person-picker-dropdown{list-style:none;margin:0;padding:6px;max-height:240px;overflow-y:auto;border:1px solid var(--df-border);border-radius:12px;background:var(--df-surface);box-shadow:var(--df-shadow-medium, 0 8px 24px rgba(0, 0, 0, .08))}.person-picker-dropdown li{margin:0;padding:0}.person-picker-option{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;border-radius:10px;background:transparent;text-align:left;cursor:pointer;color:inherit;transition:background .15s ease}.person-picker-option:hover,.person-picker-option:focus-visible{background:var(--df-primary-soft, #eff6ff);outline:none}.person-picker-option-avatar{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--df-border-subtle, #f4f4f5);color:var(--df-text-secondary, #52525b)}.person-picker-option-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.person-picker-option-name{font-size:14px;font-weight:600;color:var(--df-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-picker-option-meta{font-size:12px;color:var(--df-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-picker-option-add{flex-shrink:0;font-size:12px;font-weight:600;color:var(--df-primary)}.person-picker-selected{margin-top:4px;padding:14px;border:1px solid var(--df-border-subtle, #f4f4f5);border-radius:12px;background:var(--df-bg, #fafafa)}.person-picker-selected-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--df-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.person-picker-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--df-primary-soft, #eff6ff);color:var(--df-primary);font-size:12px;font-weight:700}.person-picker-placeholder{margin:0;font-size:13px;color:var(--df-text-muted)}.person-chip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.person-chip{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 10px 8px 12px;border-radius:10px;border:1px solid var(--df-border);background:var(--df-surface)}.person-chip-icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--df-primary-soft, #eff6ff);color:var(--df-primary)}.person-chip-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.person-chip-name{font-size:14px;font-weight:600;color:var(--df-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-chip-doc{font-size:12px;color:var(--df-text-muted);font-variant-numeric:tabular-nums}.person-chip-remove{flex-shrink:0;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--df-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.person-chip-remove:hover:not(:disabled){background:var(--df-error-soft, #fef2f2);color:var(--df-error, #dc2626)}.person-chip-remove:disabled{opacity:.5;cursor:not-allowed}.file-dropzone-wrap{display:flex;flex-direction:column;gap:12px}.file-dropzone-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.file-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:148px;padding:24px 20px;border:1.5px dashed var(--df-border, #d4d4d8);border-radius:14px;background:var(--df-bg, #fafafa);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;text-align:center;outline:none}.file-dropzone:hover:not(.is-disabled),.file-dropzone:focus-visible:not(.is-disabled){border-color:var(--df-primary, #2563eb);background:var(--df-primary-soft, #eff6ff);box-shadow:0 0 0 3px #2563eb1f}.file-dropzone.is-dragover{border-color:var(--df-primary, #2563eb);border-style:solid;background:var(--df-primary-soft, #eff6ff);box-shadow:0 0 0 4px #2563eb29}.file-dropzone.is-disabled{opacity:.55;cursor:not-allowed}.file-dropzone-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--df-surface, #fff);color:var(--df-primary, #2563eb);border:1px solid var(--df-border-subtle, #f4f4f5);margin-bottom:4px}.file-dropzone-title{margin:0;font-size:15px;font-weight:600;color:var(--df-text)}.file-dropzone-sub{margin:0;font-size:13px;color:var(--df-text-muted);display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:4px}.file-dropzone-link{color:var(--df-primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}.file-dropzone-hint{margin:6px 0 0;font-size:12px;color:var(--df-text-faint, #a1a1aa);max-width:420px;line-height:1.4}.file-pending-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.file-pending-item{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 10px;border:1px solid var(--df-border);border-radius:12px;background:var(--df-surface)}.file-pending-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--df-border-subtle, #f4f4f5);color:var(--df-text-secondary)}.file-pending-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-pending-name{font-size:13px;font-weight:600;color:var(--df-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-pending-meta{font-size:12px;color:var(--df-text-muted)}.file-pending-tipo{flex:0 0 150px;max-width:160px;min-height:36px!important;font-size:12px}@media (max-width: 640px){.file-pending-item{flex-wrap:wrap}.file-pending-tipo{flex:1 1 100%;max-width:none}}.representantes-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.representante-item{border:1px solid var(--df-border);border-radius:10px;background:var(--df-surface);padding:10px 12px}.rep-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.rep-nome{display:inline-flex;align-items:center;gap:8px;min-width:0;font-weight:600;font-size:14px}.rep-search-wrapper{position:relative;display:flex;flex-direction:column;gap:8px}.rep-search-hint{font-size:12px;color:var(--df-text-muted)}.rep-dropdown{list-style:none;margin:0;padding:6px;border:1px solid var(--df-border);border-radius:12px;background:var(--df-surface);box-shadow:var(--df-shadow-medium, 0 8px 24px rgba(0, 0, 0, .08));max-height:220px;overflow-y:auto}.rep-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:none;border-radius:10px;background:transparent;cursor:pointer;text-align:left;font-size:14px}.rep-dropdown-item:hover{background:var(--df-primary-soft, #eff6ff)}.toolbar-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.info-card{padding:var(--df-space-4)}.info-card h3{font-family:var(--df-font-display);font-size:18px;font-weight:600;margin-bottom:16px;border-bottom:1px solid var(--df-border-subtle);padding-bottom:10px}.info-item{margin-bottom:16px}.info-item:last-child{margin-bottom:0}.info-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--df-text-muted);margin-bottom:4px}.info-val{font-size:14px;font-weight:400;color:var(--df-text);line-height:1.6}.clickable-span:hover{text-decoration:underline;color:var(--df-primary);cursor:pointer}.scope-box{display:flex;gap:16px;padding:16px;background:var(--df-bg);border:1px solid var(--df-border-subtle);border-radius:var(--df-radius-md)}.scope-icon{font-size:1.4rem;line-height:1.2}.scope-box h4{font-size:14px;font-weight:600;margin-bottom:4px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 20px;gap:16px;color:var(--df-text-muted);font-size:14px}.spinner{width:32px;height:32px;border:2px solid var(--df-border);border-radius:50%;border-top-color:var(--df-primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:64px 40px}.empty-icon{font-size:2.5rem;margin-bottom:16px;display:inline-block;opacity:.7}.empty-state h3{font-family:var(--df-font-display);font-size:18px;font-weight:600;margin-bottom:8px}.empty-state p{color:var(--df-text-muted);font-size:14px;line-height:1.6;margin-bottom:20px;max-width:42ch;margin-left:auto;margin-right:auto}.alert{padding:12px 16px;border-radius:var(--df-radius-lg);font-size:14px;font-weight:400;line-height:1.6;margin-bottom:var(--df-space-3);display:flex;align-items:flex-start;gap:10px}.alert-error{background:var(--df-error-soft);color:var(--df-error);border:1px solid rgba(220,38,38,.15)}.alert-success{background:var(--df-success-soft);color:var(--df-success);border:1px solid rgba(22,163,74,.15)}.alert-warning{background:var(--df-warning-soft);color:#92400e;border:1px solid rgba(202,138,4,.2)}.alert-info{background:var(--df-primary-soft);color:var(--df-primary);border:1px solid rgba(37,99,235,.15)}.fade-in{animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.fade-in,.spinner{animation:none}*{transition:none!important}}.org-link{color:var(--df-text);text-decoration:none;font-weight:500}.org-link:hover{color:var(--df-primary);text-decoration:underline}.login-page{--login-bg-image: url(/login-bg.png);--login-glass-bg: rgba(255, 255, 255, .14);--login-glass-border: rgba(255, 255, 255, .28);--login-glass-highlight: rgba(255, 255, 255, .45);--login-text: #f8fafc;--login-text-muted: rgba(248, 250, 252, .78);--login-input-bg: rgba(255, 255, 255, .12);--login-input-border: rgba(255, 255, 255, .22);--login-input-focus: rgba(255, 255, 255, .38);position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:#0b1f33}.login-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#0b1f33;background-image:linear-gradient(145deg,#002040b8,#0014288c 45%,#f080002e),var(--login-bg-image),radial-gradient(1200px 600px at 10% 20%,rgba(0,80,140,.35),transparent 60%),radial-gradient(900px 500px at 90% 80%,rgba(240,128,0,.2),transparent 55%);background-size:cover,cover,auto,auto;background-position:center,center,center,center;background-repeat:no-repeat;transform:scale(1.02)}.login-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#050e182e;pointer-events:none}.login-shell{position:relative;z-index:1;width:100%;max-width:420px}.login-card{width:100%;max-width:420px;background:var(--df-surface);border:1px solid var(--df-border-subtle);border-radius:var(--df-radius-xl);box-shadow:var(--df-shadow-medium);padding:var(--df-space-5) var(--df-space-5) var(--df-space-4)}.login-card-glass{background:var(--login-glass-bg);border:1px solid var(--login-glass-border);border-radius:20px;box-shadow:0 8px 32px #00000047,inset 0 1px 0 var(--login-glass-highlight);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);padding:32px 28px 28px;color:var(--login-text)}.login-header{text-align:left;margin-bottom:28px}.login-logo{display:flex;align-items:center;justify-content:flex-start;gap:14px}.login-brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.brand-logo-large{font-size:2rem}.brand-logo-large-image{width:52px;height:52px;object-fit:contain;flex-shrink:0;border-radius:12px;background:#ffffffeb;box-shadow:0 4px 16px #0000002e;padding:4px}.login-logo h1{font-family:var(--df-font-display);font-size:22px;font-weight:700;color:var(--login-text);letter-spacing:.01em;margin:0;line-height:1.2}.login-subtitle{color:var(--login-text-muted);font-size:13px;line-height:1.4;margin:0;font-weight:400}.login-form{display:flex;flex-direction:column;gap:16px}.login-card-glass .form-label{color:var(--login-text-muted);font-weight:500;font-size:13px}.login-input.form-control,.login-card-glass .form-control{background:var(--login-input-bg);border:1px solid var(--login-input-border);color:var(--login-text);border-radius:12px;box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.login-input.form-control::placeholder,.login-card-glass .form-control::placeholder{color:#f8fafc73}.login-input.form-control:focus,.login-card-glass .form-control:focus{background:#ffffff2e;border-color:var(--login-input-focus);box-shadow:0 0 0 3px #ffffff1f;outline:none}.login-submit.btn-primary{margin-top:4px;border-radius:12px;min-height:44px;font-weight:600;box-shadow:0 8px 20px #00306059}.login-alert{margin:0;background:#dc26262e;border:1px solid rgba(252,165,165,.45);color:#fecaca;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.login-footer{display:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.login-card-glass{background:#0f1e30e0}}.dashboard-page .dashboard-section{margin-bottom:var(--df-space-5)}.dashboard-section-title{font-family:var(--df-font-display);font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--df-text-muted);margin-bottom:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px 18px;min-height:96px;background:var(--df-surface);border:1px solid var(--df-border-subtle);border-radius:var(--df-radius-md);box-shadow:var(--df-shadow-subtle);cursor:pointer;transition:var(--transition-smooth);font-family:inherit;color:inherit}.kpi-card:hover:not(:disabled){box-shadow:var(--df-shadow-medium);border-color:var(--df-border-hover)}.kpi-card:disabled{cursor:default;opacity:1}.kpi-card-danger{border-color:#dc262640;background:var(--df-error-soft)}.kpi-card-warning{border-color:#ca8a044d;background:var(--df-warning-soft)}.kpi-card-success{border-color:#16a34a40;background:var(--df-success-soft)}.kpi-label{font-size:12px;font-weight:500;color:var(--df-text-muted);letter-spacing:.02em}.kpi-value{font-family:var(--df-font-display);font-size:26px;font-weight:700;line-height:1.15;color:var(--df-text);letter-spacing:.01em}.kpi-card-danger .kpi-value{color:var(--df-error)}.kpi-card-warning .kpi-value{color:#92400e}.kpi-card-success .kpi-value{color:var(--df-success)}.kpi-hint{font-size:12px;color:var(--df-text-secondary);font-weight:500}.dashboard-split{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;align-items:start}.dashboard-panel h3{font-family:var(--df-font-display);font-size:16px;font-weight:600;margin:0}.atalhos-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.atalho-btn{width:100%;justify-content:flex-start;height:auto;min-height:38px;white-space:normal;text-align:left;padding:10px 14px;line-height:1.35}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-split{grid-template-columns:1fr}}@media (max-width: 640px){.kpi-grid,.atalhos-grid{grid-template-columns:1fr}}.gap-4{gap:16px}.gap-6{gap:24px}.mt-4{margin-top:16px}@media (max-width: 992px){.dashboard-shell,.dashboard-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(300px,88vw);max-width:300px;height:100vh;transform:translate(-105%);box-shadow:var(--df-shadow-large);border-right:1px solid var(--df-border-subtle)}.sidebar-drawer-open .sidebar{transform:translate(0)}.top-bar{padding-right:12px}.top-bar-nav-control{padding:0 12px;margin-right:10px}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.col-span-2{grid-column:span 1 / span 1}.page-content{padding:16px}.top-bar{padding:0 12px;height:52px}.app-banner{margin:10px 12px 0;flex-direction:column;align-items:flex-start}.filter-group-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.page-header-actions{width:100%}.page-header-actions .btn{flex:1 1 auto}.page-header h1{font-size:22px}.form-group-row{flex-direction:column}.form-group-row>.form-group,.form-group-row>.field,.form-group-row>.select-wrapper{flex:1 1 100%}.table-responsive{margin:0 -4px}.card,.form-card{padding:16px}.login-card{padding:24px 20px}}@media (max-width: 640px){.hide-on-xs{display:none!important}.show-on-xs-only{display:inline!important}.breadcrumb-active{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}.server-status-pill{padding:4px 8px}.subtitle{font-size:13px}.toolbar,.filter-group{flex-direction:column;align-items:stretch}.toolbar .select-wrapper,.filter-group .select-wrapper,.toolbar .search-input-wrapper,.filter-group .search-input-wrapper,.field-action{width:100%}.field-action:before{display:none}.field-action .btn{width:100%}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media (min-width: 993px){.sidebar-backdrop{display:none!important}}