.permit-page{color:#18374e;background:linear-gradient(135deg,#edf5ff,#f0fbf7 60%,#f8f5ff);min-height:100vh;padding:30px 22px 80px;font-family:Arial,sans-serif}.permit-container{max-width:1440px;margin:auto}.permit-back{color:#215782;align-items:center;gap:8px;margin-bottom:20px;font-weight:700;text-decoration:none;display:inline-flex}.permit-hero{color:#fff;background:linear-gradient(115deg,#12468d,#0e7994 55%,#0c8c6a);border-radius:24px;justify-content:space-between;align-items:center;gap:30px;padding:36px 40px;display:flex;box-shadow:0 14px 35px #184d8425}.permit-hero span{letter-spacing:2px;opacity:.85;font-size:11px;font-weight:700}.permit-hero h1{margin:12px 0;font-size:42px;font-weight:800;line-height:1.1}.permit-hero p{opacity:.9;max-width:540px;margin:0;line-height:1.6}.permit-hero-mark{background:#ffffff18;border:1px solid #ffffff30;border-radius:20px;justify-items:center;gap:8px;min-width:145px;padding:25px;font-size:17px;display:grid}.permit-toolbar{flex-wrap:wrap;align-items:end;gap:12px;padding:24px 0;display:flex}.permit-toolbar label{flex-wrap:wrap;flex:180px;align-items:center;gap:7px;max-width:280px;font-size:12px;font-weight:700;display:flex}.permit-page select,.permit-page input{color:#18374e;background:#fff;border:1px solid #c3d3e1;border-radius:10px;min-width:0;padding:11px;font-size:13px}.permit-toolbar select{width:100%}.permit-page button,.permit-upload{cursor:pointer}.permit-toolbar>button,.permit-upload,.permit-panel>button{color:#fff;background:#175ba1;border:0;border-radius:10px;align-items:center;gap:7px;padding:12px 15px;font-size:13px;font-weight:700;display:inline-flex}.permit-toolbar .permit-upload{background:#12816b;flex:none;max-width:none;position:relative}.permit-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.permit-page button:disabled{opacity:.5;cursor:wait}.permit-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:4px 0 24px;display:grid}.permit-kpi{color:#fff;border-radius:18px;flex-direction:column;gap:9px;padding:22px 19px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #153f6815}.permit-kpi:after{content:"";pointer-events:none;background:#ffffff12;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-30px}.permit-kpi svg{opacity:.8;width:25px;height:25px;margin-bottom:6px}.permit-kpi span{font-size:13px;font-weight:700}.permit-kpi strong{letter-spacing:-1px;font-size:38px;line-height:1.2}.permit-kpi small{opacity:.9;min-height:25px;font-size:10px;line-height:1.5}.permit-kpi button{text-align:left;color:#fff;background:#ffffff20;border:0;border-radius:7px;margin-top:auto;padding:7px;font-size:11px}.permit-kpi.total{background:linear-gradient(130deg,#174b92,#2785c1)}.permit-kpi.red{background:linear-gradient(130deg,#bd3354,#e26166)}.permit-kpi.orange{background:linear-gradient(130deg,#b85b0d,#df8c21)}.permit-kpi.blue{background:linear-gradient(130deg,#1763b1,#328fd1)}.permit-kpi.green{background:linear-gradient(130deg,#077d66,#20a77d)}.permit-kpi.purple{background:linear-gradient(130deg,#649,#9470bb)}.permit-mini-track{background:#ffffff25;border-radius:10px;height:4px;margin-bottom:4px}.permit-mini-track i{background:#fff;border-radius:10px;height:100%;display:block}.permit-panel{background:#fff;border:1px solid #dae6ef;border-radius:19px;min-width:0;margin-bottom:23px;padding:25px;box-shadow:0 6px 24px #173d6410}.permit-panel h2{align-items:center;gap:9px;margin:0 0 9px;font-size:18px;font-weight:800;display:flex}.permit-panel h2 svg{color:#167c97;width:21px}.permit-panel p{color:#62788b;margin:0 0 15px;font-size:12px;line-height:1.7}.permit-stacked{border-radius:8px;height:25px;margin:18px 0;display:flex;overflow:hidden}.permit-stacked>div{min-width:2px}.permit-legend{flex-wrap:wrap;gap:22px;display:flex}.permit-legend span{align-items:center;gap:7px;font-size:12px;display:flex}.permit-legend i{border-radius:50%;width:9px;height:9px;display:inline-block}.permit-stacked .red,.permit-legend .red{background:#d34662}.permit-stacked .orange,.permit-legend .orange{background:#d67b20}.permit-stacked .blue,.permit-legend .blue{background:#2583c4}.permit-stacked .green,.permit-legend .green{background:#149476}.permit-stacked .purple,.permit-legend .purple{background:#8460af}.permit-columns{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:23px;display:grid}.permit-table{max-height:640px;overflow:auto}.permit-table table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}.permit-table th{color:#567187;text-transform:uppercase;letter-spacing:.4px;z-index:1;background:#eff5fb;font-size:10px;position:sticky;top:0}.permit-table td,.permit-table th{border-bottom:1px solid #edf1f5;padding:13px 10px}.permit-table tr:hover td{background:#f6faff}.permit-pill{border-radius:7px;padding:5px 7px;font-size:11px;font-weight:700;display:inline-block}.permit-pill.red{color:#b02d4b;background:#fff0f2}.permit-pill.orange{color:#9c520b;background:#fff3e5}.permit-pill.blue{color:#175a9a;background:#eaf4ff}.permit-pill.green{color:#087158;background:#e6f8f0}.permit-pill.purple{color:#6c4591;background:#f3ecfb}.permit-text-button{color:#215c85;text-align:left;background:0 0;border:0;font-size:11px;font-weight:700}.permit-jobs{gap:17px;max-height:600px;padding-right:8px;display:grid;overflow:auto}.permit-jobs button{text-align:left;background:0 0;border:0;padding:0}.permit-jobs button>span{color:#36576f;justify-content:space-between;align-items:center;gap:15px;font-size:11px;display:flex}.permit-jobs b{color:#205fa0;background:#e9f3fe;border-radius:5px;padding:4px 7px}.permit-job-track{background:#eef4f9;border-radius:5px;height:7px;margin-top:6px}.permit-job-track i{background:linear-gradient(90deg,#297dba,#1baf9b);border-radius:5px;height:100%;display:block}.permit-source p{max-width:1100px}.permit-error{color:#a72a43;background:#fff0f2;border-radius:10px;padding:15px}.permit-success{color:#10744e;background:#e5f7ed;border-radius:10px;padding:15px}.permit-dialog{color:#18374e;border:0;border-radius:18px;width:min(1200px,94vw);max-height:90vh;padding:25px}.permit-dialog::backdrop{background:#12354b99}.permit-dialog header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.permit-dialog header small{color:#558094;font-size:10px}.permit-dialog h2{margin:5px 0;font-size:24px}.permit-dialog header button{background:#eff5fa;border:0;border-radius:8px;padding:8px}.permit-dialog>input{width:100%;margin-bottom:15px}.permit-table td small{color:#6e8496;margin-top:5px;font-size:10px;display:block}:is(.permit-page button:focus-visible,.permit-page a:focus-visible,.permit-page input:focus-visible,.permit-page select:focus-visible){outline-offset:3px;outline:3px solid #39b8c2}@media (max-width:1150px){.permit-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.permit-columns{grid-template-columns:1fr}}@media (max-width:600px){.permit-page{padding:20px 12px 65px}.permit-hero{padding:25px 22px}.permit-hero h1{font-size:32px}.permit-hero-mark{display:none}.permit-hero p{font-size:13px}.permit-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.permit-kpi{padding:18px 15px}.permit-kpi strong{font-size:32px}.permit-panel{padding:18px}.permit-toolbar label{max-width:none}.permit-legend{gap:12px}.permit-dialog{padding:16px}}@media print{.permit-toolbar,.permit-back,.permit-kpi button{display:none}.permit-page{background:#fff}.permit-kpi{-webkit-print-color-adjust:exact;print-color-adjust:exact}.permit-jobs,.permit-table{max-height:none}}.permit-area-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.permit-area-card{text-align:left;color:#174c70;background:#eef7ff;border:1px solid #c5dcea;border-radius:14px;gap:9px;padding:20px;display:grid}.permit-area-card.area-1{color:#116e55;background:#e9f8f0;border-color:#b9e1cd}.permit-area-card.area-2{color:#674597;background:#f1edfc;border-color:#d6c8ed}.permit-area-card.area-3{color:#94530f;background:#fff4e5;border-color:#efd5af}.permit-area-card.selected{outline-offset:2px;outline:3px solid #1684b6}.permit-area-card>span{font-size:14px;font-weight:700}.permit-area-card>strong{font-size:32px}.permit-area-card small{font-size:10px}.permit-area-categories{border-top:1px solid #8da4b440;gap:5px;padding-top:9px;font-size:10px;display:grid}.permit-area-categories span{justify-content:space-between;display:flex}@media (max-width:800px){.permit-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.permit-month-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.permit-month-grid button{text-align:left;color:#226081;background:linear-gradient(130deg,#edf6ff,#ecfaf5);border:1px solid #cfe1ee;border-radius:12px;gap:8px;padding:17px;display:grid}.permit-month-grid button:nth-child(3n+2){color:#704c9c;background:linear-gradient(130deg,#f1edfc,#f5f4ff)}.permit-month-grid button:nth-child(3n){color:#95600b;background:linear-gradient(130deg,#fff5e6,#fffaf2)}.permit-month-grid button.selected{outline-offset:1px;outline:3px solid #178b9a}.permit-month-grid strong{font-size:28px}.permit-month-grid span{font-size:12px;font-weight:700}.permit-month-grid small{font-size:10px}.permit-month-heading{justify-content:space-between;align-items:center;gap:20px;margin:26px 0 15px;display:flex}.permit-monthly h3{margin:0 0 12px;font-size:15px;font-weight:700}.permit-month-heading button{color:#fff;background:#175ba1;border:0;border-radius:9px;flex-shrink:0;padding:11px 15px;font-size:12px;font-weight:700}.permit-monthly .permit-columns{margin-top:16px}.permit-month-note{margin-top:20px!important}@media (max-width:900px){.permit-month-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:600px){.permit-month-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.permit-month-grid button{padding:12px}.permit-month-heading{flex-direction:column;align-items:start}}.permit-lookup{background:#fff;border:1px solid #cbdfee;border-radius:14px;margin:20px 0;padding:18px}.permit-lookup>label{color:#194a6b;margin-bottom:10px;font-weight:700;display:block}.permit-lookup>div{flex-wrap:wrap;gap:10px;display:flex}.permit-lookup input{color:#163e58;border:1px solid #bfd6e6;border-radius:9px;flex:1;min-width:200px;padding:13px 15px;font-size:14px}.permit-lookup button{color:#fff;background:#136e9c;border-radius:9px;padding:10px 16px}.permit-lookup small{color:#61798b;margin-top:9px;display:block}