:root{--navy:#07101f;--navy-2:#0b1729;--ink:#101828;--muted:#667085;--line:#e6eaf0;--paper:#f5f7fa;--white:#fff;--blue:#1e5eff;--blue-soft:#edf3ff;--cyan:#13b8c5;--orange:#f97316;--green:#16a36a;--red:#d92d20;--shadow:0 20px 60px rgba(15,23,42,.12);--display:"Syne",sans-serif;--body:"DM Sans",sans-serif}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.brand{font-family:var(--display);font-size:1.45rem;font-weight:800;letter-spacing:-.05em;text-decoration:none;color:#fff}.brand .brand-blue{color:#4d82ff}.brand small{font-size:.72rem;color:#91a4c3;letter-spacing:.02em}.eyebrow{margin:0 0 .45rem;color:var(--blue);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--muted)}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;overflow:hidden}.auth-brand{position:relative;display:flex;min-height:100vh;padding:3.5rem 8%;flex-direction:column;justify-content:space-between;color:#dbe6f7;background:radial-gradient(circle at 75% 20%,rgba(30,94,255,.35),transparent 30%),linear-gradient(145deg,#050b15,#0a1a32 70%,#102c51);overflow:hidden}.auth-brand:after{content:"";position:absolute;width:500px;height:500px;right:-230px;bottom:-230px;border:1px solid rgba(95,151,255,.18);border-radius:50%;box-shadow:0 0 0 80px rgba(37,99,235,.035),0 0 0 160px rgba(37,99,235,.025)}.auth-brand h1{font:800 clamp(2.8rem,5vw,5.3rem)/1 var(--display);letter-spacing:-.055em;margin:.65rem 0 1.5rem;color:#fff}.auth-brand h1 em{font-style:normal;color:#6fa0ff}.auth-brand>div>p:last-child{max-width:580px;font-size:1.08rem;line-height:1.7;color:#9fb0ca}.auth-foot{font-size:.78rem;color:#7187a8}.auth-panel{display:grid;place-items:center;padding:2rem}.auth-card{width:min(420px,100%)}.auth-card h2{font:800 2rem/1.1 var(--display);letter-spacing:-.04em;margin:.4rem 0}.auth-card>label,.form-field{display:grid;gap:.45rem;margin-top:1.2rem;font-size:.78rem;font-weight:700;color:#344054}.auth-card input,.form-field input,.form-field select,.form-field textarea,.search-dialog input{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:.86rem 1rem;background:#fff;outline:none;transition:.2s}.auth-card input:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.search-dialog input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(30,94,255,.1)}.primary,.secondary,.danger-ghost{border:0;border-radius:10px;padding:.82rem 1.1rem;font-weight:700}.auth-card .primary{width:100%;margin-top:1.5rem}.primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(30,94,255,.22)}.secondary{background:var(--blue-soft);color:var(--blue)}.danger-ghost{background:#fff0ef;color:var(--red)}.text-button{display:block;margin:1rem auto;border:0;background:none;color:var(--blue);font-weight:700}.form-message{min-height:1.2rem;color:var(--red);font-size:.82rem}.mobile-brand{display:none}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:1.45rem 1rem;display:flex;flex-direction:column;background:var(--navy);color:#c7d3e6;z-index:30}.sidebar-head{height:46px;display:flex;align-items:flex-start;justify-content:space-between;padding:0 .6rem}.sidebar nav{display:grid;gap:.2rem;margin-top:1.4rem;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-group{margin:.95rem .7rem .4rem;color:#607590;font-size:.62rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;border:0;border-radius:9px;padding:.67rem .75rem;background:transparent;color:#91a4c3;text-align:left;font-size:.86rem;font-weight:600}.nav-item:hover,.nav-item.active{color:#fff;background:#122744}.nav-item.active{box-shadow:inset 3px 0 var(--blue)}.nav-icon{width:19px;color:#6981a2;text-align:center}.nav-item.active .nav-icon{color:#73a0ff}.system-state{margin-top:auto;padding:.8rem;border:1px solid #19304e;border-radius:10px;display:grid;grid-template-columns:auto 1fr;column-gap:.55rem;font-size:.72rem}.system-state i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#36d399;box-shadow:0 0 0 4px rgba(54,211,153,.1)}.system-state small{grid-column:2;color:#667b99}.main{margin-left:250px;min-height:100vh}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.topbar-left{display:flex;align-items:center;gap:.75rem}.topbar h1{font:800 1.42rem/1 var(--display);letter-spacing:-.035em;margin:0}.topbar-actions{display:flex;align-items:center;gap:.55rem}.icon-button{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#475467}.search-button{height:38px;border:1px solid var(--line);border-radius:9px;padding:0 .75rem;background:#fff;color:#667085}.search-button span{font-size:1.2rem;margin-right:.35rem}.search-button kbd{margin-left:1rem;padding:.1rem .35rem;border:1px solid #e2e5ea;border-radius:5px;background:#f8fafc;font-size:.66rem}.profile-button{display:flex;align-items:center;gap:.55rem;border:0;background:none;text-align:left}.profile-button>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:800}.profile-button strong,.profile-button small{display:block}.profile-button strong{font-size:.78rem}.profile-button small{color:var(--muted);font-size:.65rem}.content{padding:1.8rem 2rem 3rem;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin-bottom:1.4rem}.page-head h2{font:800 1.5rem/1 var(--display);letter-spacing:-.03em;margin:.2rem 0}.page-actions{display:flex;gap:.55rem}.filters{display:flex;gap:.55rem;margin-bottom:1rem;flex-wrap:wrap}.filters input,.filters select{height:40px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 .8rem;outline:none}.filters input{min-width:260px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.metric-card{position:relative;min-height:138px;padding:1.15rem;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.metric-card:after{content:"";position:absolute;width:70px;height:70px;right:-25px;bottom:-25px;border-radius:50%;background:var(--blue-soft)}.metric-card .metric-label{color:var(--muted);font-size:.76rem;font-weight:700}.metric-card strong{display:block;margin:.8rem 0 .4rem;font:800 1.65rem/1 var(--display);letter-spacing:-.05em}.metric-card small{color:var(--green);font-size:.72rem}.grid-2{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem}.panel{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}.panel-head h3{font:700 .95rem var(--display);margin:0}.panel-body{padding:1rem}.bar-chart{height:230px;display:flex;align-items:flex-end;gap:4%;padding-top:1.5rem}.bar{flex:1;min-height:3%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#4f83ff,var(--blue));position:relative}.bar span{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);color:var(--muted);font-size:.65rem}.status-list{display:grid;gap:.8rem}.status-row{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center}.status-row i{width:8px;height:8px;border-radius:50%;background:var(--green)}.status-row small{display:block;color:var(--muted)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:.75rem 1rem;background:#f9fafb;color:#667085;font-size:.66rem;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{padding:.85rem 1rem;border-top:1px solid #eef1f5;font-size:.8rem;white-space:nowrap}.data-table tbody tr:hover{background:#fbfcfe}.data-table button{border:0;background:none;color:var(--blue);font-weight:700}.badge{display:inline-flex;padding:.25rem .5rem;border-radius:999px;background:#eff4ff;color:#315cc6;font-size:.68rem;font-weight:800}.badge.active,.badge.paid,.badge.completed,.badge.confirmed,.badge.won{background:#eaf8f2;color:#087a4e}.badge.overdue,.badge.cancelled,.badge.lost,.badge.error{background:#fff0ef;color:#b42318}.empty{padding:4rem 1rem;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--ink);font:700 1rem var(--display);margin-bottom:.35rem}.backdrop{position:fixed;inset:0;background:rgba(7,16,31,.45);backdrop-filter:blur(2px);z-index:50}.drawer{position:fixed;inset:0 0 0 auto;width:min(580px,100%);padding:1.4rem;background:#fff;box-shadow:var(--shadow);z-index:60;transform:translateX(102%);transition:.25s ease;overflow:auto}.drawer.open{transform:none}.drawer header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--line)}.drawer h2,dialog h2{font:800 1.35rem var(--display);margin:.2rem 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.form-field.full{grid-column:1/-1}.form-field textarea{min-height:100px;resize:vertical}.drawer-actions{position:sticky;bottom:-1.4rem;display:flex;justify-content:flex-end;gap:.6rem;margin:1.4rem -1.4rem -1.4rem;padding:1rem 1.4rem;background:#fff;border-top:1px solid var(--line)}dialog{width:min(430px,calc(100% - 2rem));border:0;border-radius:16px;padding:1.5rem;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(7,16,31,.45);backdrop-filter:blur(2px)}dialog .dialog-close{position:absolute;right:1rem;top:1rem}dialog>button:not(.dialog-close){width:100%;margin-top:.7rem}.search-dialog{width:min(650px,calc(100% - 2rem));padding:1rem}.search-dialog input{font-size:1rem}.search-results{max-height:420px;overflow:auto}.search-result{display:flex;justify-content:space-between;gap:1rem;padding:.8rem;border-bottom:1px solid var(--line)}.search-result small,.empty-mini{color:var(--muted)}.toast{position:fixed;right:1.5rem;bottom:1.5rem;max-width:360px;padding:.85rem 1rem;border-radius:10px;background:var(--navy);color:#fff;box-shadow:var(--shadow);z-index:100;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#9f1d17}.mobile-only{display:none}
.login-back{display:block;margin-top:1.2rem;text-align:center;color:var(--muted);font-size:.78rem;text-decoration:none}.login-back:hover{color:var(--blue)}
.contract-builder{display:grid;gap:1rem}.contract-section{overflow:visible}.contract-builder-actions{position:sticky;bottom:1rem;display:flex;justify-content:flex-end;gap:.65rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);backdrop-filter:blur(12px);z-index:5}.contract-preview-dialog{width:min(1000px,calc(100% - 2rem));max-width:1000px;padding:0;background:#d9dee7}.contract-preview-actions{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-end;gap:.6rem;padding:1rem;background:rgba(7,16,31,.94);backdrop-filter:blur(12px)}.contract-document{width:210mm;min-height:297mm;margin:1.5rem auto;padding:18mm 18mm 16mm;background:#fff;color:#172033;box-shadow:0 15px 45px rgba(7,16,31,.2);font-family:Arial,sans-serif;font-size:10.5pt;line-height:1.55}.contract-letterhead{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding-bottom:14px;border-bottom:2px solid #1e5eff}.contract-letterhead img{width:58px;height:58px;border-radius:10px;object-fit:cover}.contract-letterhead strong,.contract-letterhead span{display:block}.contract-letterhead strong{font-size:13pt;color:#081426}.contract-letterhead span{font-size:8.5pt;color:#64748b}.contract-number{text-align:right}.contract-number small,.contract-number b{display:block}.contract-number small{font-size:7pt;letter-spacing:.15em;color:#64748b}.contract-number b{color:#1e5eff}.contract-title{text-align:center;padding:24px 0 16px}.contract-title small{color:#1e5eff;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.contract-title h1{margin:5px 0 3px;font-size:20pt;line-height:1.15;color:#081426}.contract-title p{margin:0;color:#64748b}.contract-document section{margin:16px 0;break-inside:avoid}.contract-document h2{margin:0 0 6px;padding-bottom:4px;border-bottom:1px solid #dce4ef;color:#102a55;font-size:11pt;text-transform:uppercase;letter-spacing:.035em}.contract-document h3{margin:10px 0 3px;font-size:10.5pt}.contract-document p{margin:5px 0;text-align:justify}.contract-document ul{margin:5px 0;padding-left:22px}.contract-closing{margin-top:24px!important}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 45px;margin-top:50px}.signature-grid div{text-align:center}.signature-grid span{display:block;border-top:1px solid #344054;margin-bottom:5px}.signature-grid strong,.signature-grid small{display:block}.signature-grid small{color:#64748b;font-size:7.5pt}.contract-footer{margin-top:40px;padding-top:8px;border-top:1px solid #dce4ef;text-align:center;color:#64748b;font-size:7.5pt}
.contract-alert{padding:1rem 1.2rem;border-color:#f5b942;background:#fff9e8}.contract-alert strong{color:#8a4b00}.contract-alert p{margin:.35rem 0 0;color:#7a5b2b;font-size:.82rem}
.table-actions{display:flex;gap:.55rem;align-items:center}.table-actions button:last-child{color:var(--red)}.history-block{padding:.8rem}.history-block+ .history-block{border-top:1px solid var(--line)}.history-block>strong{font-family:var(--display)}.history-block p{display:flex;justify-content:space-between;gap:1rem;margin:.6rem 0;font-size:.78rem}.history-block small{display:block;color:var(--muted);max-width:55%;overflow-wrap:anywhere}.tabs{display:flex;gap:.45rem;margin:0 0 1rem;overflow:auto}.tabs button{border:1px solid var(--line);border-radius:9px;padding:.58rem .8rem;background:#fff;color:#475467;font-weight:800;font-size:.78rem;white-space:nowrap}.tabs button.active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.json-preview{margin:0;padding:1rem;overflow:auto;color:#344054;background:#fff;font-size:.8rem}.mecsync-metrics{padding:1rem;margin:0}
@media print{body *{visibility:hidden!important}.contract-preview-dialog,.contract-preview-dialog::backdrop,.contract-document,.contract-document *{visibility:visible!important}.contract-preview-dialog{position:absolute;inset:0;width:100%;max-width:none;margin:0;padding:0;background:#fff;box-shadow:none}.contract-preview-actions{display:none!important}.contract-document{width:auto;min-height:0;margin:0;padding:12mm 15mm;box-shadow:none}.contract-document section{break-inside:avoid}@page{size:A4;margin:0}}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.search-button kbd{display:none}}
@media(max-width:760px){.auth-screen{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{min-height:100vh}.mobile-brand{display:block;color:var(--navy);margin-bottom:3rem}.sidebar{transform:translateX(-102%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0}.mobile-only{display:grid}.topbar{padding:0 1rem}.content{padding:1.2rem 1rem 2rem}.search-button{width:38px;overflow:hidden;font-size:0;padding:0}.search-button span{font-size:1.2rem;margin:0}.profile-button>span:last-child{display:none}.metrics{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.contract-builder-actions{bottom:.5rem;flex-direction:column}.contract-preview-dialog{width:100%;max-width:none}.contract-document{width:100%;min-height:0;margin:0;padding:1rem}.contract-letterhead{grid-template-columns:45px 1fr}.contract-letterhead img{width:45px;height:45px}.contract-number{grid-column:1/-1;text-align:left}.signature-grid{grid-template-columns:1fr}}