*,:before,:after{box-sizing:border-box;margin:0;padding:0}@media (pointer:coarse){button,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:40px}body{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}}@media (display-mode:standalone),(display-mode:fullscreen){body{overscroll-behavior:none}}@media print{aside,.topbar,.sidebar,[class*=speed],[class*=search],.modal-overlay,.modal,button.btn{display:none!important}.main{max-width:100%!important;margin-left:0!important;padding:0!important}body{background:#fff!important}.card{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.recharts-wrapper,.recharts-surface{break-inside:avoid}@page{margin:1.5cm}h2{font-size:18pt!important}h3{font-size:12pt!important}}:root{--sidebar-w:240px;--color-bg:#f0f2f5;--color-surface:#fff;--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#eff6ff;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-text:#111827;--color-text-secondary:#6b7280;--color-border:#e5e7eb;--color-muted:#f1f5f9;--color-hover:#eef2f7;--radius:10px;--shadow:0 1px 4px #00000014, 0 4px 16px #0000000f;--shadow-sm:0 1px 3px #00000014}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}#root{text-align:left;border:none;width:100%;max-width:100%;margin:0}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);color:#cbd5e1;z-index:100;background:#1e293b;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{background:#fff;border-bottom:1px solid #334155;border-radius:0 0 10px 10px;margin:0 0 4px;padding:14px 16px}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.sidebar-nav a{color:#94a3b8;border-radius:7px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-nav a:hover{color:#f1f5f9;background:#334155}.sidebar-nav a.active{background:var(--color-primary);color:#fff}.sidebar-nav a svg{flex-shrink:0}.sidebar-section{color:#475569;text-transform:uppercase;letter-spacing:.1em;padding:16px 20px 6px;font-size:10.5px;font-weight:600}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:50;height:56px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{font-size:17px;font-weight:600}.topbar-user{color:var(--color-text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:inline-flex}.avatar.sm{width:28px;height:28px;font-size:11px}.avatar.lg{width:44px;height:44px;font-size:16px}.page{flex:1;padding:24px 28px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.page-header h2{font-size:20px;font-weight:700}.page-header p{color:var(--color-text-secondary);margin-top:2px;font-size:13px}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card-title{align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.grid-4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.stat-card{align-items:center;gap:16px;display:flex}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.stat-icon.blue{color:var(--color-primary);background:#dbeafe}.stat-icon.green{color:var(--color-success);background:#dcfce7}.stat-icon.amber{color:var(--color-warning);background:#fef3c7}.stat-icon.red{color:var(--color-danger);background:#fee2e2}.stat-icon.purple{color:#7c3aed;background:#f3e8ff}.stat-value{font-size:24px;font-weight:700;line-height:1}.stat-label{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.btn{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);background:#f1f5f9}.btn-secondary:hover{background:#e2e8f0}.btn-danger{color:var(--color-danger);background:#fee2e2}.btn-success{color:var(--color-success);background:#dcfce7}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:7px;padding:6px}.btn-icon:hover{color:var(--color-text);background:#f1f5f9}.badge{border-radius:999px;align-items:center;padding:2px 9px;font-size:11.5px;font-weight:500;display:inline-flex}.badge-blue{color:#1d4ed8;background:#dbeafe}.badge-green{color:#15803d;background:#dcfce7}.badge-amber{color:#b45309;background:#fef3c7}.badge-red{color:#b91c1c;background:#fee2e2}.badge-gray{color:#475569;background:#f1f5f9}.badge-purple{color:#6d28d9;background:#f3e8ff}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap;background:#f8fafc;padding:10px 14px;font-size:12px;font-weight:600}tbody tr{border-bottom:1px solid var(--color-border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#f8fafc}tbody td{padding:11px 14px;font-size:13px}.form-group{margin-bottom:16px}.form-label{color:var(--color-text-secondary);margin-bottom:5px;font-size:12.5px;font-weight:500;display:block}.form-input,.form-select{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:7px;outline:none;padding:8px 12px;font-size:13.5px;transition:border .15s}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #bfdbfe}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:14px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-header h3{font-size:16px;font-weight:700}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.tabs{border-bottom:2px solid var(--color-border);gap:4px;margin-bottom:20px;display:flex}.tab{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;margin-bottom:-2px;padding:9px 16px;font-size:13.5px;font-weight:500;transition:all .15s}.tab:hover{color:var(--color-text);background:#f8fafc}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.search-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:8px;min-width:220px;padding:7px 12px;display:flex}.search-bar input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.filiale-card{cursor:pointer;transition:transform .15s,box-shadow .15s}.filiale-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.filiale-card-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.filiale-icon{background:var(--color-primary-light);width:44px;height:44px;color:var(--color-primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.filiale-card h3{font-size:15px;font-weight:700}.filiale-card p{color:var(--color-text-secondary);font-size:12px}.filiale-stats{border-top:1px solid var(--color-border);gap:20px;margin-top:14px;padding-top:14px;display:flex}.filiale-stat{text-align:center}.filiale-stat span{color:var(--color-primary);font-size:20px;font-weight:700;display:block}.filiale-stat small{color:var(--color-text-secondary);font-size:11px}.ma-card{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;align-items:center;gap:12px;padding:14px;transition:box-shadow .15s;display:flex}.ma-card:hover{box-shadow:var(--shadow)}.ma-info{flex:1;min-width:0}.ma-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.ma-role{color:var(--color-text-secondary);font-size:12px}.doc-item{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:background .1s;display:flex}.doc-item:hover{background:#f8fafc}.doc-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.org-tree{padding-bottom:20px;overflow-x:auto}.org-level{justify-content:center;gap:20px;display:flex;position:relative}.org-level:before{content:"";position:absolute;top:0;left:0;right:0}.org-node-wrap{flex-direction:column;align-items:center;display:flex}.org-node-box{background:var(--color-surface);border:2px solid var(--color-border);text-align:center;cursor:pointer;border-radius:10px;min-width:140px;padding:12px 16px;transition:border-color .15s,box-shadow .15s}.org-node-box:hover{border-color:var(--color-primary);box-shadow:var(--shadow)}.org-node-box.root{border-color:var(--color-primary);background:var(--color-primary-light)}.org-node-name{margin-top:6px;font-size:13px;font-weight:600}.org-node-role{color:var(--color-text-secondary);margin-top:2px;font-size:11px}.org-line-v{background:var(--color-border);width:2px;height:20px}.org-line-h-container{justify-content:center;display:flex;position:relative}.org-line-h{background:var(--color-border);height:2px;position:absolute;top:0}.org-children-row{gap:20px;display:flex}.orgchart{--org-gap-v:22px;--org-gap-h:8px;--org-card-min:150px;--org-card-max:200px;--org-card-pad:10px 14px;padding:12px 0 28px;overflow:auto}.orgchart-scale{transform-origin:0 0;display:inline-block}.orgchart ul{padding:0;padding-top:var(--org-gap-v);justify-content:center;margin:0;list-style:none;display:flex;position:relative}.orgchart>ul{padding-top:0}.orgchart li{text-align:center;padding:var(--org-gap-v) var(--org-gap-h) 0 var(--org-gap-h);list-style:none;position:relative}.orgchart li:before,.orgchart li:after{content:"";border-top:2px solid var(--color-border);width:50%;height:var(--org-gap-v);position:absolute;top:0;right:50%}.orgchart li:after{border-left:2px solid var(--color-border);left:50%;right:auto}.orgchart li:only-child:before,.orgchart li:only-child:after{display:none}.orgchart li:only-child{padding-top:var(--org-gap-v)}.orgchart li:first-child:before,.orgchart li:last-child:after{border:0}.orgchart li:last-child:before{border-right:2px solid var(--color-border);border-radius:0 6px 0 0}.orgchart li:first-child:after{border-radius:6px 0 0}.orgchart ul ul:before{content:"";border-left:2px solid var(--color-border);width:0;height:var(--org-gap-v);position:absolute;top:0;left:50%}.orgchart.is-horizontal ul{padding-top:0;padding-left:var(--org-gap-v);flex-direction:column;justify-content:center;align-items:flex-start}.orgchart.is-horizontal>ul{padding-left:0}.orgchart.is-horizontal li{text-align:left;padding:var(--org-gap-h) 0 var(--org-gap-h) var(--org-gap-v);align-items:center;display:flex}.orgchart.is-horizontal li:before,.orgchart.is-horizontal li:after{border-top:0;border-left:2px solid var(--color-border);width:var(--org-gap-v);height:50%;inset:auto auto 50% 0}.orgchart.is-horizontal li:after{border-top:2px solid var(--color-border);top:50%;bottom:auto}.orgchart.is-horizontal li:only-child:before,.orgchart.is-horizontal li:only-child:after{display:none}.orgchart.is-horizontal li:only-child{padding-left:var(--org-gap-v)}.orgchart.is-horizontal li:first-child:before,.orgchart.is-horizontal li:last-child:after{border-left:0}.orgchart.is-horizontal li:last-child:before{border-bottom:2px solid var(--color-border);border-radius:0 0 0 6px}.orgchart.is-horizontal li:first-child:before{border-radius:6px 0 0}.orgchart.is-horizontal ul ul:before{border-left:0;border-top:2px solid var(--color-border);width:var(--org-gap-v);height:0;top:50%;left:0}.org-toggle{border:2px solid var(--color-border);background:var(--color-surface);width:20px;height:20px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-top:4px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.org-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.orgchart .org-lane{background:var(--color-surface);border:2px dashed var(--color-border);white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:5px 14px;font-size:12.5px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0000000d}.orgchart .org-lane .org-lane-count{color:var(--color-text-secondary);background:#eef2f7;border-radius:99px;padding:0 7px;font-size:11px;font-weight:700}.orgchart .org-card{background:var(--color-surface);border:2px solid var(--color-border);padding:var(--org-card-pad);min-width:var(--org-card-min);max-width:var(--org-card-max);border-radius:10px;flex-direction:column;align-items:center;gap:2px;display:inline-flex;box-shadow:0 1px 3px #0000000f}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--color-primary);border-radius:3px;height:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.empty-state{text-align:center;color:var(--color-text-secondary);padding:48px 20px}.empty-state p{margin-top:12px;font-size:14px}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.text-sm{color:var(--color-text-secondary);font-size:12px}.font-bold{font-weight:700}.w-full{width:100%}.divider{background:var(--color-border);height:1px;margin:16px 0}.mobile-nav-toggle,.mobile-backdrop{display:none}@media (width<=768px){.sidebar{display:none}.sidebar.mobile-open{z-index:300;width:min(82vw,300px);animation:.18s ease-out drawerIn;display:flex;box-shadow:4px 0 24px #0006}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-backdrop{z-index:250;background:#00000080;display:block;position:fixed;inset:0}.mobile-nav-toggle{align-items:center;display:inline-flex}.main{margin-left:0}.page{padding:16px}.form-row{grid-template-columns:1fr}.table-wrap{-webkit-overflow-scrolling:touch}.page-header{flex-direction:column;align-items:stretch}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr 1fr}}@media (width<=480px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.topbar{padding:0 14px}}:root[data-theme=dark]{--color-bg:#0f172a;--color-surface:#1e293b;--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#1e3a5f;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-text:#e2e8f0;--color-text-secondary:#94a3b8;--color-border:#334155;--color-muted:#243449;--color-hover:#334155;--shadow:0 1px 4px #0006, 0 4px 16px #0000004d;--shadow-sm:0 1px 3px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .sidebar-logo{background:#0b1220}:root[data-theme=dark] thead th{background:#0f172a}:root[data-theme=dark] tbody tr:hover{background:#243449}:root[data-theme=dark] .btn-secondary{color:var(--color-text);background:#334155}:root[data-theme=dark] .btn-secondary:hover{background:#3f4f63}:root[data-theme=dark] .btn-icon:hover{background:#334155}:root[data-theme=dark] .tab:hover,:root[data-theme=dark] .doc-item:hover{background:#243449}:root[data-theme=dark] .progress-bar,:root[data-theme=dark] .orgchart .org-lane-count{background:#334155}:root[data-theme=dark] .form-input:focus,:root[data-theme=dark] .form-select:focus{box-shadow:0 0 0 3px #3b82f659}:root[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert()}:root[data-theme=dark] input[type=month]::-webkit-calendar-picker-indicator{filter:invert()}:root[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:invert()}