.app{max-width:1400px;margin:0 auto;padding:12px 16px}.app-shell{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:16px;display:grid}.app-sidebar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:14px;display:flex;position:sticky;top:12px}.sidebar-brand h1,.sidebar-brand .app-brand-title{color:var(--text);margin:0;font-size:1.05rem;font-weight:800}.sidebar-brand{flex-direction:column;gap:8px;display:flex}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.sidebar-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text-light);text-align:left;background:0 0;border:1px solid transparent;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:.86rem;font-weight:600;transition:all .2s;display:flex}.sidebar-btn:hover{background:var(--bg);color:var(--text)}.sidebar-btn.active{background:color-mix(in srgb, var(--primary) 12%, white);border-color:color-mix(in srgb, var(--primary) 28%, white);color:var(--primary-dark)}.sidebar-preview-group{border-top:1px solid var(--border);margin-top:8px;padding-top:10px}.sidebar-preview-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:.74rem;font-weight:700;display:block}.sidebar-preview-actions{gap:6px;display:flex}.sidebar-preview-actions .nav-preview-btn{border:1px solid var(--border);background:var(--bg);color:var(--text)}.sidebar-preview-actions .nav-preview-btn:hover{background:color-mix(in srgb, var(--primary) 10%, white);border-color:color-mix(in srgb, var(--primary) 35%, white);color:var(--primary-dark)}.app-main{min-width:0}.app-topbar{z-index:1200;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex;position:sticky;top:12px}.topbar-left h2{color:var(--text);margin:0;font-size:1rem;font-weight:700}.topbar-left{align-items:center;gap:10px;display:flex}.topbar-menu-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:34px;height:34px;color:var(--text);cursor:pointer;font-size:1rem;font-weight:700;display:none}.content-shell{min-width:0}.header{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:var(--radius);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:12px;padding:10px 20px;display:flex;box-shadow:0 4px 14px rgba(29,78,216,.3)}.header-left{flex-shrink:0;align-items:center;gap:12px;display:flex}.header h1,.header .app-brand-title{font-size:var(--font-xl);letter-spacing:-.5px;font-weight:800}.header p{display:none}.header-nav{gap:var(--space-xs);border-radius:var(--radius-md);background:rgba(255,255,255,.12);padding:4px;display:flex}.nav-btn{cursor:pointer;border-radius:var(--radius-sm);color:rgba(255,255,255,.75);background:0 0;border:none;padding:7px 18px;font-size:13px;font-weight:600;transition:all .2s}.nav-btn:hover{color:#fff;background:rgba(255,255,255,.15)}.nav-btn.active{color:var(--primary);box-shadow:var(--shadow-md);background:#fff}.card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-bottom:16px;padding:24px}.card h2{color:var(--text);border-bottom:2px solid var(--bg);margin-bottom:20px;padding-bottom:12px;font-size:17px;font-weight:700}.form-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-full{grid-column:1/-1}.form-group label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--text);background:var(--surface-1);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);padding:10px 14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-light);box-shadow:var(--ring-focus);background:var(--surface-1);outline:none}.btn{border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-md);transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);border:none;padding:10px 24px;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 8px 18px rgba(29,78,216,.25)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 8px 18px rgba(185,28,28,.2)}.btn-sm{font-size:var(--font-sm);padding:6px 14px}.btn:focus-visible{box-shadow:var(--ring-focus);outline:none}.sidebar-btn:focus-visible{box-shadow:var(--ring-focus);outline:none}.nav-btn:focus-visible{box-shadow:var(--ring-focus);outline:none}.header-user-logout:focus-visible{box-shadow:var(--ring-focus);outline:none}.form-group input:focus-visible{box-shadow:var(--ring-focus);outline:none}.form-group select:focus-visible{box-shadow:var(--ring-focus);outline:none}.form-group textarea:focus-visible{box-shadow:var(--ring-focus);outline:none}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);text-align:left;border-bottom:2px solid var(--border);padding:12px 14px;font-size:11px;font-weight:700}tbody td{border-bottom:1px solid var(--border);font-size:var(--font-md);vertical-align:middle;padding:12px 14px}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}.badge{font-size:var(--font-sm);white-space:nowrap;border-radius:20px;padding:3px 12px;font-weight:600;display:inline-block}.badge-blue{background:var(--color-info-bg);color:var(--color-info-text)}.badge-orange{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-green{background:var(--color-success-bg);color:var(--color-success-text)}.badge-purple{color:var(--sector-expedition);background:#ede9fe}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:24px;transition:transform .15s}.stat-card:hover{transform:translateY(-2px)}.stat-card-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border:none}.stat-card-primary .stat-value,.stat-card-primary .stat-label{color:#fff}.stat-card-primary .stat-label{opacity:.85}.stat-card-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:none}.stat-card-danger .stat-value,.stat-card-danger .stat-label{color:#fff}.stat-card-danger .stat-label{opacity:.85}.stat-value{color:var(--primary);font-size:32px;font-weight:800;line-height:1.2}.stat-label{color:var(--text-light);margin-top:4px;font-size:13px;font-weight:500}.empty-state{text-align:center;color:var(--text-light);padding:40px 20px;font-style:italic}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ui-feedback{align-items:center;gap:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);padding:10px 12px;font-weight:600;display:inline-flex}.ui-feedback-info{color:var(--color-info-text);background:var(--color-info-bg);border-color:var(--color-info-border)}.ui-feedback-success{color:var(--color-success-text);background:var(--color-success-bg);border-color:var(--color-success-border)}.ui-feedback-warning{color:var(--color-warning-text);background:var(--color-warning-bg);border-color:var(--color-warning-border)}.ui-feedback-error{color:var(--color-error-text);background:var(--color-error-bg);border-color:var(--color-error-border)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#047857}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=1024px){.app-shell{grid-template-columns:1fr}.app-sidebar{display:none;position:static;top:auto}.app-sidebar.app-sidebar-open{display:flex}.sidebar-nav{flex-flow:wrap}.sidebar-btn{width:auto}.topbar-menu-toggle{justify-content:center;align-items:center;display:inline-flex}}@media (width<=640px){.app{padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));padding-bottom:max(12px, env(safe-area-inset-bottom,0px))}.card{padding:16px}.btn,.nav-btn,.sidebar-btn{touch-action:manipulation;min-height:44px}.btn{padding:9px 14px}.form-actions{flex-direction:column;align-items:stretch}.form-actions .btn{width:100%}.app-topbar{flex-direction:column;align-items:stretch;position:static}.topbar-left h2{font-size:.95rem}.sidebar-preview-actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.sidebar-btn,.nav-btn,.app-topbar,.stat-card{transition:none!important;animation:none!important}}.kroneo-logo{flex-shrink:0;display:block}.login-logo .kroneo-logo{filter:drop-shadow(0 4px 12px rgba(79,70,229,.35))}.sidebar-brand-row{align-items:center;gap:10px;display:flex}