@import url("https://fonts.googleapis.com/css2?family=Bowlby+One&family=Anton&family=Work+Sans:wght@400;500;600;700&family=Caveat:wght@400;700&display=swap");:root{--ink:#0b0b0b;--ink-soft:#1a1814;--ink-2:#232019;--spot:#ffd60a;--spot-deep:#e6b800;--spot-glow:#ffea66;--paper:#f7f2e7;--paper-dim:#e9e2d0;--hot-pink:#e5246b;--rouge:#c8102e;--jade:#2a8f6b;--fg:var(--paper);--fg-mute:rgba(247,242,231,0.66);--fg-faint:rgba(247,242,231,0.38);--hairline:rgba(247,242,231,0.14);--font-display:"Bowlby One","Impact","Arial Black",sans-serif;--font-condensed:"Anton","Bebas Neue","Impact",sans-serif;--font-body:"Work Sans","Helvetica Neue",Arial,sans-serif;--font-hand:"Caveat",cursive;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--shadow-poster:5px 5px 0 0 var(--ink);--shadow-soft:0 8px 24px -10px rgba(0,0,0,0.55);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--ink);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--spot);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 var(--s-3)}h1{letter-spacing:.02em;font-size:40px;line-height:1.05}h1,h2{font-family:var(--font-condensed);font-weight:400;text-transform:uppercase}h2{letter-spacing:.03em;font-size:26px}h3{font-family:var(--font-body);font-size:18px}.eyebrow,h3{font-weight:700}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.18em;color:var(--spot)}.muted{color:var(--fg-mute)}.small{font-size:14px}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--ink-soft);border-right:1px solid var(--hairline);padding:var(--s-5) var(--s-4);display:flex;flex-direction:column;gap:var(--s-2);position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.brand .mark{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--spot);color:var(--ink);display:grid;place-items:center;font-family:var(--font-display);font-size:22px}.brand .brand-name{font-family:var(--font-condensed);text-transform:uppercase;letter-spacing:.03em;font-size:22px;line-height:1}.brand .brand-sub{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint)}.nav-toggle{display:none}.nav a{display:flex;align-items:center;gap:var(--s-3);padding:10px 12px;border-radius:var(--radius-sm);color:var(--fg);font-weight:600;font-size:15px}.nav a:hover{background:rgba(255,255,255,.05);text-decoration:none}.nav a.active{background:var(--spot);color:var(--ink)}.nav-ico{width:20px;text-align:center}.sidebar-foot{margin-top:auto;border-top:1px solid var(--hairline);padding-top:var(--s-4);font-size:13px}.main{padding:var(--s-6) var(--s-7);max-width:1100px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-6);flex-wrap:wrap}.card{background:var(--ink-soft);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--s-5)}.grid{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.grid-4{grid-template-columns:1fr}}.tabs{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-4)}.stat{background:var(--ink-soft);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--s-5)}.stat .k{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-mute)}.stat .v{font-family:var(--font-condensed);font-size:38px;line-height:1.1;margin-top:6px}.stat .v.pos{color:var(--jade)}.stat .v.neg{color:var(--rouge)}.stat .v.spot{color:var(--spot)}.btn{display:inline-flex;align-items:center;gap:var(--s-2);padding:10px 18px;border-radius:var(--radius-pill);border:2px solid var(--spot);background:var(--spot);color:var(--ink);font-family:var(--font-body);font-weight:700;font-size:15px;cursor:pointer;transition:transform .12s,background .12s}.btn,.btn:hover{text-decoration:none}.btn:hover{background:var(--spot-deep);border-color:var(--spot-deep)}.btn:active{transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--hairline)}.btn-ghost:hover{background:rgba(255,255,255,.06)}.btn-danger{background:transparent;color:var(--rouge);border-color:var(--rouge)}.btn-danger:hover{background:var(--rouge);color:var(--paper)}.btn-sm{padding:6px 12px;font-size:13px}.badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge-muted{background:rgba(255,255,255,.1);color:var(--fg-mute)}.badge-info{background:rgba(255,214,10,.16);color:var(--spot)}.badge-ok{background:rgba(42,143,107,.2);color:#5fd6a6}.badge-danger{background:rgba(200,16,46,.2);color:#ff6b81}.table{width:100%;border-collapse:collapse;font-size:15px}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-mute);padding:10px 12px}.table td,.table th{border-bottom:1px solid var(--hairline)}.table td{padding:12px}.table tr:hover td{background:rgba(255,255,255,.03)}.table .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty{text-align:center;padding:var(--s-7);border:1px dashed var(--hairline);border-radius:var(--radius-md)}.empty,label{color:var(--fg-mute)}label{display:block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}input,select,textarea{width:100%;padding:10px 12px;background:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--fg);font-family:var(--font-body);font-size:15px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--spot);box-shadow:0 0 0 2px rgba(255,214,10,.25)}.field{margin-bottom:var(--s-4)}.row{display:flex;gap:var(--s-4);flex-wrap:wrap}.row>.field{flex:1 1;min-width:160px}.actions{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--s-5)}.login-card{width:100%;max-width:380px;background:var(--ink-soft);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--s-6);box-shadow:var(--shadow-soft)}.login-logo{width:64px;height:64px;border-radius:var(--radius-md);background:var(--spot);color:var(--ink);display:grid;place-items:center;font-family:var(--font-display);font-size:34px;margin:0 auto var(--s-4)}.login-logo-img{display:block;margin:0 auto var(--s-4)}.mark-img{display:block;border-radius:var(--radius-sm)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.66);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:var(--s-4);z-index:1000;animation:fade .12s ease}.modal-card{width:100%;max-width:440px;background:var(--ink-soft);border:1px solid var(--hairline);border-top:5px solid var(--spot);border-radius:var(--radius-lg);padding:var(--s-6);box-shadow:var(--shadow-soft);animation:pop .16s var(--ease-bounce,ease)}.modal-head{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.modal-icon{font-size:22px}.modal-msg{color:var(--fg-mute);margin:0 0 var(--s-5);line-height:1.5}.modal-actions{display:flex;gap:var(--s-3);justify-content:flex-end}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.alert{background:rgba(200,16,46,.15);border:1px solid var(--rouge);color:#ff8296;border-radius:var(--radius-sm)}.alert,.notice{padding:10px 14px;font-size:14px;margin-bottom:var(--s-4)}.notice{background:rgba(255,214,10,.12);border:1px solid var(--spot);color:var(--spot);border-radius:var(--radius-sm)}@media (max-width:768px){.app{grid-template-columns:1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:100;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4)}.brand{margin-bottom:0;flex:1 1;min-width:0}.nav{display:contents}.nav-toggle{display:inline-flex;align-items:center;gap:var(--s-2);margin-left:auto;padding:10px 16px;min-height:44px;border-radius:var(--radius-pill);border:2px solid var(--hairline);background:transparent;color:var(--fg);font-family:var(--font-body);font-weight:700;font-size:15px;cursor:pointer}.nav-toggle-ico{font-size:18px;line-height:1}.nav-links{display:none;flex-basis:100%;width:100%;flex-direction:column;gap:var(--s-1);margin-top:var(--s-2)}.nav-links.open{display:flex}.nav a{padding:12px;min-height:44px;font-size:16px}.sidebar-foot{display:none;flex-basis:100%;width:100%;margin-top:var(--s-3);padding-top:var(--s-3)}.sidebar:has(.nav-links.open) .sidebar-foot{display:block}.main{padding:var(--s-4);max-width:none}h1{font-size:30px}h2{font-size:22px}.card,.stat{padding:var(--s-4)}.stat .v{font-size:30px}.page-head{flex-direction:column;align-items:stretch;gap:var(--s-3)}.page-head .actions,.page-head form{width:100%}.page-head .btn{width:100%;justify-content:center}.row{flex-direction:column;gap:var(--s-3)}.row>.field{min-width:0}.actions{flex-direction:column;align-items:stretch}.actions .btn,.actions button{width:100%;justify-content:center}.btn{min-height:44px}.tabs{gap:var(--s-2);margin-bottom:var(--s-4);overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px}.tabs .btn{flex:0 0 auto;padding:8px 14px;font-size:14px;min-height:40px}.table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;font-size:13px}.table td,.table th{padding:9px 10px}.card{overflow-wrap:anywhere}}@media (max-width:480px){.stat .v,h1{font-size:26px}.modal-card{padding:var(--s-5)}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%;justify-content:center}}.doc{background:#ffffff;color:#111;max-width:820px;margin:24px auto;padding:48px 52px;font-family:var(--font-body);box-shadow:var(--shadow-soft)}.doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;border-bottom:3px solid var(--ink);padding-bottom:20px}.doc-brand{display:flex;gap:14px;align-items:center}.doc-mark{width:56px;height:56px;border-radius:10px;background:var(--spot);color:var(--ink);display:grid;place-items:center;font-family:var(--font-display);font-size:30px}.doc-logo{height:60px;width:auto;display:block}.doc-org-name{font-family:var(--font-condensed);font-size:30px;text-transform:uppercase;line-height:1}.doc-org-meta{font-size:12.5px;color:#444;line-height:1.5;margin-top:4px}.doc-title{text-align:right}.doc-title .type{font-family:var(--font-condensed);font-size:34px;text-transform:uppercase;color:var(--ink)}.doc-title .type:after{content:"";display:block;height:4px;width:60%;margin-left:auto;background:var(--spot);margin-top:4px}.doc-title .num{font-weight:700;font-size:15px;margin-top:8px}.doc-title .date{font-size:13px;color:#444}.doc-parties{display:flex;justify-content:space-between;gap:24px;margin:28px 0}.doc-party .lab{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#888;margin-bottom:4px}.doc-party .who{font-weight:700;font-size:15px}.doc-party .addr{font-size:13px;color:#444;white-space:pre-line}.doc-objet{font-size:14px;margin-bottom:12px}.doc-objet b{text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:#888}.doc-table{width:100%;border-collapse:collapse;font-size:14px}.doc-table th{background:var(--ink);color:var(--paper);text-align:left;padding:9px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.doc-table td.num,.doc-table th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.doc-table td{padding:10px 12px;border-bottom:1px solid #e2e2e2}.doc-total{display:flex;justify-content:flex-end;margin-top:18px}.doc-total .box{min-width:260px}.doc-total .line{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.doc-total .grand{border-top:2px solid var(--ink);margin-top:6px;padding-top:10px;font-family:var(--font-condensed);font-size:24px;text-transform:uppercase}.doc-foot{margin-top:32px;border-top:1px solid #ddd;padding-top:16px;font-size:12px;color:#555;line-height:1.6}.doc-pay{margin-top:18px;background:var(--paper);border:1px solid var(--paper-dim);border-radius:8px;padding:12px 16px;font-size:13px}.print-bar{max-width:820px;margin:24px auto 0;display:flex;gap:12px;justify-content:flex-end}@media (max-width:768px){.doc{margin:12px;padding:24px 20px}.doc-head,.doc-parties{flex-direction:column;gap:12px}.doc-party[style],.doc-title{text-align:left!important}.doc-title .type{font-size:26px}.doc-table{font-size:13px}.print-bar{margin:12px;flex-wrap:wrap}}@media print{.no-print,.print-bar{display:none!important}body{background:#fff}.doc{box-shadow:none;margin:0;max-width:none;padding:0}@page{size:A4 portrait;margin:16mm}}