:root{--navy:#152c3c;--orange:#ff531b;--red:#d93429;--text:#132953;--muted:#6d7d97;--line:#e3eaf2;--bg:#f1f5f9}body,input,button,select,textarea{font-family:Tahoma,Arial,sans-serif}body{font-size:12px;line-height:1.6}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #428bda;outline-offset:2px}input,select,textarea{min-width:0;border:1px solid #d8e2ef;background:#fff;border-radius:5px;padding:8px 10px;color:var(--text);font-size:12px}textarea{min-height:95px;resize:vertical}a:hover{color:var(--orange)}h1,h2,h3,p{margin-top:0}h2{font-size:17px}h3{font-size:14px}.muted{color:var(--muted)}.masthead{height:82px;position:fixed;top:8px;left:10px;right:10px;z-index:5;display:flex;align-items:center;justify-content:space-between;background:#fffffff5;box-shadow:0 2px 12px #14274508;border:1px solid var(--line);border-radius:9px;padding:9px 20px;border-top:3px solid #f35828}.office{display:flex;gap:12px;align-items:center}.office img{width:52px;height:66px;object-fit:contain}.office b{font-size:19px;color:#142034;display:block}.office small{display:block;font-family:Arial,sans-serif;font-size:12px}.mast-title{text-align:center}.mast-title strong{font-size:21px;display:block}.mast-title span{color:#536b93;font-size:12px}.profile{display:flex;align-items:center;gap:20px;font-size:12px}.profile a{display:flex;align-items:center;gap:8px}.avatar{display:inline-grid;place-items:center;border:4px solid #edf1f7;background:#d2dce9;color:#48617e;width:38px;height:38px;border-radius:50%;font-weight:700}.notification-link{font-size:25px;position:relative}.notification-link i{font-size:9px;position:absolute;top:0;left:-6px;background:#ec442b;color:white;padding:0 5px;border-radius:20px;font-style:normal}#menu-toggle{display:none}.sidebar{top:99px;bottom:14px;right:10px;width:180px;border-radius:9px;padding:24px 8px 12px;background:linear-gradient(150deg,#213640,#15252f 70%);overflow:hidden;z-index:4}.sidebar nav{margin:0;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:9px 12px;border-radius:5px;font-size:12px;color:#e9edf1}.sidebar nav a.active{background:linear-gradient(105deg,#e83c21,#ff6b0b);box-shadow:inset 0 0 0 1px #ff9965;color:#fff}.nav-icon{display:inline-grid;place-items:center;font-size:19px;width:23px;color:#bbc8da}.sidebar nav a.active .nav-icon{color:#fff}.sidebar-bottom{border:0;z-index:1;padding:10px 5px 0;gap:2px;position:relative;font-size:10px}.sidebar-bottom b{font-size:11px;color:#fff}.sidebar-bottom small{font-size:9px}.logout{border:0;background:none;color:#ffbd99;padding:5px 0;font-size:10px}.sidebar-building{position:absolute;bottom:55px;left:0;right:0;height:200px;opacity:.2;display:flex;justify-content:center;align-items:flex-end;gap:2px;transform:skewY(-12deg);pointer-events:none}.sidebar-building span{width:45px;height:170px;border:2px solid #9bb4c0;background:repeating-linear-gradient(0deg,transparent 0 20px,#a9becd 21px 23px),repeating-linear-gradient(90deg,transparent 0 15px,#a9becd 16px 18px)}.sidebar-building span:nth-child(2){height:195px}.content{margin-right:198px;padding:104px 12px 16px;min-height:100vh}.topbar{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 15px;margin-bottom:10px;min-height:67px}.topbar h1{font-size:20px;margin:0;line-height:1.7}.topbar p{font-size:11px;margin:0}.actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.primary{background:linear-gradient(105deg,#ed3e20,#ff6819)!important;font-size:12px;padding:9px 16px;border-radius:5px}.ghost,.secondary{border:1px solid #d6e1ef;background:#fff;border-radius:5px;padding:7px 12px;font-size:11px}.secondary{border-color:#ff7850;color:#e14b27}.danger{color:#ca362d;border-color:#ebacaa}.filters{border-radius:7px;padding:10px 12px;gap:8px;margin-bottom:11px;box-shadow:none;flex-wrap:wrap;align-items:flex-end}.filters label{display:flex;flex-direction:column;gap:3px;font-size:10px;flex:1;min-width:110px}.filters select,.filters input{padding:5px 7px;border-radius:4px;width:100%;font-size:11px}.filters button{padding:7px 12px;border-radius:5px;font-size:11px}.kpis{gap:9px;margin-bottom:10px;grid-template-columns:repeat(auto-fit,minmax(122px,1fr))}.kpi{border-radius:6px;padding:12px 13px;box-shadow:0 2px 9px #253d5510;min-height:105px;background:linear-gradient(120deg,#fff,#e8edf4)}.kpi span{font-size:10px;color:#2c4568;white-space:nowrap}.kpi b{font-size:26px;margin:3px 0;line-height:1.6;font-family:Arial,Tahoma,sans-serif}.kpi em{font-size:10px}.kpi.green{background:linear-gradient(120deg,#f9fffc,#dff0e8);color:#08743c}.kpi.red{background:linear-gradient(120deg,#fff8f8,#fbe3e6);color:#d42629}.kpi.orange{background:linear-gradient(120deg,#fffaf3,#fff0db);color:#e95508}.kpi.blue{background:linear-gradient(120deg,#f7fbff,#dce9ff);color:#1657b8}.kpi.purple{background:linear-gradient(120deg,#faf8ff,#e7e0fd);color:#613fc7}.kpi.dark{background:linear-gradient(135deg,#33465a,#203549);color:#fff}.kpi.dark span{color:#fff}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}.span3{grid-column:span 3}.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span12{grid-column:span 12}.card{padding:13px;border-radius:7px;box-shadow:0 2px 12px #263e5905;min-width:0}.card-title{margin-bottom:12px;gap:10px}.card-title b{font-size:13px}.card-title span{font-size:9px}.card-title a{color:#326fd2;font-size:10px}.chart-body{min-height:185px;display:flex;flex-direction:column;justify-content:center}.chart-donut{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap}.donut{width:140px;height:140px;flex-shrink:0}.donut:before{width:98px;height:98px}.donut div{font-size:27px}.donut small{font-family:Tahoma,Arial,sans-serif;font-size:10px}.legend{gap:8px;font-size:10px}.legend a{display:flex;gap:8px;align-items:center;justify-content:space-between}.legend .dot{border-radius:2px;width:9px;height:9px}.bar-row{grid-template-columns:minmax(75px,1fr) 1.3fr 30px;font-size:10px;gap:8px;min-height:22px}.bar-chart{gap:5px}.track{height:14px;border-radius:2px;background:#eff2f7}.track i{border-radius:2px}.bar-row a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-svg{width:100%;height:180px;overflow:visible;direction:ltr}.chart-svg text{font-family:Tahoma,Arial,sans-serif;font-size:10px;fill:#6b7e9a}.funnel{gap:4px}.funnel a{display:flex;justify-content:space-between;color:#fff;padding:6px 14px;border-radius:2px;min-width:48%;font-size:11px;background:linear-gradient(110deg,#f79b1b,#ff6f08)}.funnel a:nth-child(2){background:#f47f15}.funnel a:nth-child(3){background:#ef4f29}.funnel a:nth-child(4){background:#cb3434}.funnel a:nth-child(5){background:#6e7e8e}.funnel a:nth-child(6){background:#415164}.table-wrap{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:5px}th,td{padding:8px 9px;font-size:11px;vertical-align:middle}th{background:linear-gradient(#f1f5fa,#e7edf4);font-size:10px;white-space:nowrap;color:#465f86}tbody tr:nth-child(even){background:#f8fafc}tbody tr:hover{background:#fff6ee}td small{font-size:9px}.dense th,.dense td{padding:6px 7px;font-size:10px}.badge{border-radius:4px;padding:2px 8px;font-size:10px;white-space:nowrap}.badge.completed,.badge.green,.badge.approved,.badge.paid,.badge.active{background:#daf1e0;color:#24753d}.badge.in_progress,.badge.sent,.badge.submitted{background:#ddecff;color:#2564c1}.badge.blocked,.badge.red,.badge.overdue,.badge.rejected,.badge.revision_required{background:#fde1df;color:#b83936}.badge.waiting_client,.badge.waiting_payment,.badge.amber,.badge.due,.badge.partially_paid{background:#fff0cd;color:#9e6803}.badge.closed{background:#d8e8e5;color:#277668}.tabs{border-radius:6px;padding:4px;gap:0;margin-bottom:10px;box-shadow:none}.tabs button{padding:10px 14px;border-radius:4px;font-size:11px;border-left:1px solid #edf0f5}.tabs button.active{background:linear-gradient(110deg,#ff6a10,#ef4225);color:white}.tab-panel[hidden]{display:none}.project-grid{gap:11px}.project-card{border-radius:7px;padding:14px}.project-card h3{font-size:16px}.project-meta{font-size:10px}.health-reason{font-size:10px;margin-top:12px;min-height:30px}.progress{height:7px}.progress-label{margin:9px 0 5px}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:10px}.meta-grid>div{padding:10px 12px;border:1px solid var(--line);background:white;border-radius:6px}.meta-grid span{color:var(--muted);display:block;font-size:10px}.meta-grid b{font-size:12px}.pipeline{display:flex;overflow:auto;padding:15px 0;gap:0}.pipeline a{position:relative;text-align:center;min-width:100px;flex:1;font-size:10px;padding:25px 6px 0}.pipeline a:before{content:'';position:absolute;top:8px;right:0;left:0;height:3px;background:#dce3ec}.pipeline a:after{content:'';position:absolute;top:1px;right:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:#cbd5e2;border:3px solid #fff;box-shadow:0 0 0 1px #cbd5e2}.pipeline a.completed:after{background:#289852}.pipeline a.in_progress:after,.pipeline a.submitted:after{background:#ff6527}.pipeline a.blocked:after{background:#da4a3f}.pipeline small{display:block;font-size:8px;color:var(--muted)}.gantt{min-width:490px}.gantt-row{display:grid;grid-template-columns:125px 1fr;align-items:center;min-height:36px;gap:10px;border-bottom:1px solid var(--line);font-size:10px}.gantt-lanes{height:34px;position:relative;background:repeating-linear-gradient(90deg,transparent 0 9.8%,#e9eef5 9.8% 10%);direction:ltr}.gantt-bar{position:absolute;height:6px;border-radius:2px;top:4px;background:#bdc9d7}.gantt-bar.revised{top:13px;background:#ff8f2e}.gantt-bar.actual{top:22px;background:#36a365}.gantt-legend{display:flex;gap:14px;font-size:9px;margin-bottom:7px}.checklist{display:flex;flex-direction:column;gap:6px}.check-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f6;padding:7px 0;font-size:11px;gap:8px}.check-row i{font-style:normal;font-size:17px}.check-row.good i{color:#289c65}.stage-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:12px}.stage-selector{display:flex;flex-direction:column;gap:6px}.stage-selector button{text-align:right;background:#fff;border:1px solid var(--line);padding:10px;border-radius:5px;display:flex;justify-content:space-between}.blockers{background:#fff3df;border:1px solid #f4d9a8;border-radius:5px;padding:10px;font-size:11px;margin:10px 0}.blockers ul{padding-right:20px;margin:3px 0}.empty{padding:26px 14px;text-align:center;color:var(--muted);font-size:12px}.stats-inline{display:flex;gap:12px;flex-wrap:wrap}.stats-inline>div{flex:1;padding:8px;background:#f5f8fc;border-radius:5px}.stats-inline b{display:block;font-family:Arial;font-size:20px}.stats-inline span{font-size:9px;color:var(--muted)}.heat{display:inline-block;min-width:36px;border-radius:3px;text-align:center;padding:4px;background:#ffe8d1;color:#b6470c}.subtle{font-size:10px;color:var(--muted)}.activity{border-right:2px solid #e5ecf4;padding:7px 12px;margin:0 3px;position:relative;border-bottom:1px solid #edf0f4}.activity:before{content:'';position:absolute;right:-5px;top:15px;width:8px;height:8px;background:#ff632c;border-radius:50%}.activity b{font-size:10px}.activity small{display:block;color:var(--muted);font-size:9px}.summary-table{display:grid;grid-template-columns:1fr 1.4fr;gap:0}.summary-table>*{border-bottom:1px solid var(--line);padding:8px 0;font-size:11px}.summary-table span{color:var(--muted)}.summary-table b{font-weight:400}.money-big{font-size:24px;font-family:Arial;line-height:2;color:#123363}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:5px;font-size:11px}.field.full{grid-column:1/-1}.field label{font-weight:700}.form-section{padding:12px 0;border-top:1px solid var(--line);margin-top:14px}.form-section h3{margin-bottom:9px}.inline-fields{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.line-item{display:grid;grid-template-columns:2fr .7fr 1fr .7fr auto;gap:6px;margin-bottom:6px}.milestone-item{display:grid;grid-template-columns:1.5fr .6fr .8fr 1fr auto;gap:6px;margin-bottom:6px}.stage-input{display:grid;grid-template-columns:1.3fr .5fr .5fr 1fr;gap:7px;padding:5px 0;align-items:center}.stage-input input{width:100%}.stage-input select{width:100%}.wizard-nav{display:flex;gap:8px;margin-bottom:15px}.wizard-nav span{padding:5px 12px;border-bottom:3px solid #e4e9f1;flex:1}.wizard-nav span.active{border-color:#f46020;color:#e75519}.wizard-panel[hidden]{display:none}dialog{width:min(920px,95vw);max-height:92vh;padding:0;border:1px solid #dce4ed;border-radius:10px;box-shadow:0 25px 100px #182b4b55;color:var(--text)}dialog::backdrop{background:#13243599;backdrop-filter:blur(3px)}.modal-head,.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;background:#fafcfe;border-bottom:1px solid var(--line)}.modal-head h2{margin:0}.modal-head button{background:transparent;border:0;font-size:24px}.modal-footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end;gap:8px}#modal-body{padding:20px}#modal-error{margin:0 20px 15px}#toast{position:fixed;bottom:25px;left:25px;background:#193647;color:white;padding:12px 25px;border-radius:7px;box-shadow:0 5px 30px #0002;z-index:20;max-width:80vw}#toast.error{background:#a82a29}.loading{padding:70px;text-align:center;color:#74839b}footer{display:flex;justify-content:space-between;color:#7e8da3;font-size:9px;padding:16px 0 0}.login-body{background:linear-gradient(130deg,#203741,#111d2c)}.login-card{gap:9px}.login-card h2{font-size:25px;margin-bottom:0}.login-brand{background:linear-gradient(140deg,#fff8f0,#fff)}.login-rule{height:4px;width:50px;background:linear-gradient(90deg,#ed302d,#ff8a12);margin:30px auto}.login-brand small{color:#718195}.notification-row{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid var(--line);gap:10px}.notification-row.unread{background:#fff6ed}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.role-grid label{font-family:Arial;font-size:12px}.pager{display:flex;justify-content:space-between;align-items:center;padding-top:10px}.gauge{position:relative;width:170px;height:93px;margin:12px auto 15px;overflow:hidden}.gauge:before{content:'';position:absolute;inset:0 0 auto;height:170px;border-radius:50%;background:conic-gradient(from 270deg,#ed4132 0deg,#ffb822 80deg,#279d66 150deg,#dce3eb 180deg);mask:radial-gradient(transparent 57%,#000 58%)}.gauge b{position:absolute;top:48px;width:100%;text-align:center;font-size:28px;font-family:Arial}.report-note{font-size:10px;color:#7c8da5;margin:9px 0}.json-input{direction:ltr;font-family:monospace;min-height:340px}.link-button{border:0;background:transparent;color:#2373d8;padding:1px;font-size:11px}.nowrap{white-space:nowrap}.stack{display:flex;flex-direction:column;gap:10px}
@media(min-width:1600px){.content{max-width:1900px;margin-left:auto}.chart-body{min-height:215px}.kpi b{font-size:30px}.sidebar{width:200px}.content{margin-right:217px}}
@media(max-width:1200px){.mast-title{display:none}.dashboard-grid .span3{grid-column:span 6}.dashboard-grid .span4{grid-column:span 6}.dashboard-grid .span5,.dashboard-grid .span7,.dashboard-grid .span8{grid-column:span 12}.stage-layout{grid-template-columns:1fr}.sidebar{width:166px}.content{margin-right:180px}.kpis{grid-template-columns:repeat(4,1fr)}.stage-selector{display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.masthead{height:68px;top:5px;left:5px;right:5px;padding:7px 10px}.office img{width:36px;height:48px}.office b{font-size:12px}.office small{font-size:8px}.profile>a:last-child{display:none}.profile{gap:12px}#menu-toggle{display:block;width:32px;height:32px}.sidebar{display:none;width:210px;top:80px;bottom:8px;right:5px;box-shadow:-30px 0 100px #10233177}.sidebar.open{display:flex}.sidebar nav a{font-size:13px!important;text-align:right}.sidebar nav a::first-letter{font-size:inherit}.sidebar-bottom{display:flex}.content{margin:0;padding:82px 8px 12px}.topbar{align-items:flex-start;gap:8px;flex-wrap:wrap}.topbar h1{font-size:17px}.topbar p{font-size:10px}.topbar .actions{width:100%}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.kpi{min-height:90px;padding:10px}.kpi b{font-size:25px}.dashboard-grid{gap:8px}.dashboard-grid>[class*=span]{grid-column:span 12}.card{padding:11px}.filters label{min-width:42%}.form-grid{grid-template-columns:1fr}.line-item{grid-template-columns:1.5fr .7fr 1fr}.line-item input:nth-child(4){display:none}.milestone-item{grid-template-columns:1fr .5fr 1fr}.stage-input{grid-template-columns:1.1fr .5fr .5fr}.stage-input select{grid-column:1/-1}.role-grid{grid-template-columns:1fr 1fr}.tabs button{padding:8px 11px}.project-grid{grid-template-columns:1fr}.stage-selector{grid-template-columns:1fr}.login-card{padding:30px}.meta-grid{grid-template-columns:repeat(2,1fr)}footer span{display:none}.chart-body{min-height:160px}}
@media print{@page{size:A4 landscape;margin:10mm}.masthead,.sidebar,.topbar .actions,.filters,footer,.tabs,dialog,#toast{display:none!important}.content{margin:0;padding:0}.topbar{border:0}.card,.kpi{box-shadow:none;break-inside:avoid}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr)}.dashboard-grid .span3{grid-column:span 3}.dashboard-grid .span4{grid-column:span 4}.dashboard-grid .span6{grid-column:span 6}.dashboard-grid .span12{grid-column:span 12}.table-wrap{overflow:visible}body{background:white;font-size:10px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.chart-body{min-height:150px}.kpis{grid-template-columns:repeat(4,1fr)}.gantt{min-width:0}button{display:none!important}}
.nav-icon svg{display:block}.notification-link svg{width:24px;height:24px}.stats-inline b{font-variant-numeric:tabular-nums}body[data-page="dashboard"] .chart-body{min-height:162px}body[data-page="dashboard"] .topbar{min-height:56px;padding:6px 14px}body[data-page="dashboard"] .filters{padding:7px 10px}body[data-page="dashboard"] .tabs button{padding:7px 13px}body[data-page="dashboard"] .card .card-title{margin-bottom:9px}body[data-page="dashboard"] .card .bar-chart{gap:3px}
@media(max-width:760px){body{font-size:13px}.kpi span,.kpi em{font-size:11px}.card-title b{font-size:14px}.bar-row,.legend,.subtle{font-size:11px}.office b{font-size:13px}.sidebar nav a{padding:9px 12px}.form-grid input,.form-grid select,.form-grid textarea{font-size:14px}.filters label{min-width:44%}}
.backup-center{border-top:3px solid #f06428}.backup-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:10px 0 14px}.backup-kpis>div{background:#f7f9fc;border:1px solid #e4eaf1;border-radius:7px;padding:11px}.backup-kpis span{display:block;color:var(--muted);font-size:9px}.backup-kpis b{display:block;margin-top:6px;font-size:13px;overflow-wrap:anywhere}.backup-actions{display:flex;gap:8px;flex-wrap:wrap}.danger-zone{border:1px solid #efb2ae;background:#fff8f7}.danger-zone .card-title b{color:#a62e29}.danger-zone small{display:block;margin-top:10px;color:#8d4a46}.danger-note{grid-column:1/-1;background:#fff0ee;border:1px solid #efbbb6;color:#8b302b;padding:10px;border-radius:6px;margin-bottom:8px}.danger{background:#fff0ee!important;border-color:#e9a19b!important;color:#a82a29!important}.danger:hover{background:#ffe2df!important}@media(max-width:760px){.backup-kpis{grid-template-columns:1fr 1fr}}