:root{--ink:#172b2a;--muted:#647270;--smi:#2b3990;--smi-dark:#202b71;--brand-primary:#2b3990;--brand-primary-dark:#202b71;--brand-soft:#eceefa;--paper:#f8f7f3;--line:#dfe5df;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.modal-open{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.app-shell{min-height:100vh}.theme-cemi{--brand-primary:#315283;--brand-primary-dark:#233e66;--brand-soft:#e9eff8}.theme-labix{--brand-primary:#4652a5;--brand-primary-dark:#343c80;--brand-soft:#edeefa}.theme-amix{--brand-primary:#3f1084;--brand-primary-dark:#2e0b62;--brand-soft:#f1eafb}.theme-farmix{--brand-primary:#143e6a;--brand-primary-dark:#0e2e50;--brand-soft:#e6f6f8}
.topbar{height:76px;padding:0 clamp(22px,5vw,76px);background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand,.user-block{display:flex;align-items:center;gap:12px}.corporate-logo{width:54px;height:48px;position:relative;overflow:hidden;flex:0 0 auto}.corporate-logo img{width:72px;max-width:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.brand strong,.brand small,.user-copy strong,.user-copy small{display:block}.brand strong{font-family:Georgia,"Times New Roman",serif;font-size:17px}.brand small,.user-copy small{color:var(--muted);font-size:11px;margin-top:2px}.user-copy{text-align:right}.user-copy strong{font-size:12px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eceefa;color:var(--smi-dark);font-weight:800;font-size:10px}
.hero{min-height:455px;padding:64px clamp(24px,7vw,104px) 54px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);align-items:center;gap:64px;background:radial-gradient(circle at 78% 12%,rgba(92,108,194,.16),transparent 34%),linear-gradient(135deg,#fbfaf7 0%,#f0f1f8 100%);border-bottom:1px solid var(--line);overflow:hidden}.eyebrow{margin:0 0 13px;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800}.hero .eyebrow{color:var(--smi)}.hero h1{margin:0;max-width:690px;font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(42px,5.5vw,72px);line-height:.98;letter-spacing:-.035em}.hero-text{max-width:600px;margin:22px 0 26px;color:var(--muted);font-size:17px;line-height:1.6}.search-box{width:min(100%,620px);height:58px;background:#fff;border:1px solid #d8dfda;border-radius:7px;box-shadow:0 14px 35px rgba(23,43,42,.08);display:flex;align-items:center;padding:0 15px;gap:12px}.search-box>span{font-size:27px;color:var(--smi);transform:rotate(-18deg)}.search-box input{flex:1;min-width:0;border:0;outline:0;color:var(--ink);font-size:14px;background:transparent}.search-box input::placeholder{color:#98a29f}.search-box kbd{background:#f2f4f0;border:1px solid #dfe4df;border-radius:5px;color:#71807d;font-size:10px;padding:4px 7px}.trust-row{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:19px;color:var(--muted);font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ba66f;margin-right:7px;box-shadow:0 0 0 4px rgba(43,166,111,.12)}
.hero-visual{width:100%;max-width:475px;justify-self:end;transform:rotate(-2deg)}.shelf{height:94px;margin-bottom:12px;padding:0 23px;border-radius:5px 12px 12px 5px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;box-shadow:0 16px 35px rgba(25,48,44,.12);position:relative;overflow:hidden}.shelf::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.2),transparent 65%);pointer-events:none}.shelf span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-family:Georgia,serif;font-size:14px;font-weight:700}.shelf b{font-family:Georgia,serif;font-size:18px;line-height:1.15}.shelf em{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.78}.shelf em strong{font-weight:inherit}.shelf-one{width:94%;margin-left:3%;background:var(--smi-dark);color:#fff}.shelf-two{width:100%;background:#dfe3f6;color:var(--smi-dark);transform:rotate(2.4deg)}.shelf-three{width:91%;margin-left:6%;background:#4d5db4;color:#fff;transform:rotate(.6deg)}
.library-section{max-width:1480px;margin:0 auto;padding:58px clamp(22px,5vw,76px) 82px;display:grid;grid-template-columns:255px minmax(0,1fr);gap:54px}.area-panel{align-self:start;position:sticky;top:105px}.area-heading{display:flex;align-items:center;justify-content:space-between;padding:0 10px 14px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-size:10px;font-weight:800}.area-heading small{min-width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e8ece7}.area-panel nav{padding:9px 0}.area-button{width:100%;border:0;background:transparent;color:#667471;padding:11px 10px;border-radius:6px;text-align:left;display:flex;justify-content:space-between;gap:12px;cursor:pointer;font-size:12px;line-height:1.35;transition:.18s ease}.area-button>span{display:flex;align-items:flex-start;gap:8px}.area-button i{width:7px;height:7px;margin-top:5px;border-radius:50%;flex:0 0 auto;background:#2b3990}.area-button.area-cemi i{background:#315283}.area-button.area-labix i{background:#5260b1}.area-button.area-amix i{background:#3f1084}.area-button.area-farmix i{background:#3db1c9}.area-button:hover{background:#edf2ed;color:var(--ink)}.area-button.active{background:var(--brand-primary);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--brand-primary) 20%,transparent)}.area-button small{opacity:.72}.help-card{margin-top:22px;padding:18px;border:1px solid #dfe5df;background:#fff;border-radius:8px}.help-card>span{width:25px;height:25px;display:grid;place-items:center;background:var(--brand-soft);border-radius:50%;color:var(--brand-primary);font-weight:900;margin-bottom:13px}.help-card strong{font-family:Georgia,serif;font-size:14px}.help-card p{color:var(--muted);font-size:11px;line-height:1.5;margin:6px 0 0}
.unit-banner{min-height:98px;margin-bottom:24px;padding:14px 22px;display:flex;align-items:center;gap:22px;border:1px solid color-mix(in srgb,var(--brand-primary) 18%,#fff);border-left:5px solid var(--brand-primary);border-radius:10px;background:linear-gradient(110deg,var(--brand-soft),#fff 74%);box-shadow:0 12px 34px rgba(35,46,80,.06)}.unit-logo{width:160px;height:66px;position:relative;overflow:hidden;flex:0 0 auto}.unit-logo img{max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.unit-smi .unit-logo img{width:108px}.unit-cemi .unit-logo img{width:150px}.unit-labix .unit-logo{width:250px}.unit-labix .unit-logo img{width:240px}.unit-amix .unit-logo img{width:112px}.unit-farmix .unit-logo img{width:118px}.unit-banner p,.unit-banner strong,.unit-banner span{display:block}.unit-banner p{margin:0 0 4px;color:var(--brand-primary);font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.unit-banner strong{font-family:Georgia,serif;color:var(--brand-primary-dark);font-size:18px;font-weight:600}.unit-banner span{margin-top:4px;color:var(--muted);font-size:11px}
.catalog-header{min-height:74px;display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.catalog-header .eyebrow{margin-bottom:5px}.catalog-header h2{margin:0;font-family:Georgia,serif;font-size:clamp(26px,3vw,38px);font-weight:500}.catalog-controls{display:flex;align-items:end;gap:18px}.catalog-controls label{display:grid;gap:5px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.catalog-controls select{min-width:165px;height:36px;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font-size:11px;text-transform:none;letter-spacing:normal}.catalog-controls p{margin:0 0 8px;color:var(--muted);font-size:12px;white-space:nowrap}.document-grid{padding-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.document-card{min-height:318px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.document-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand-primary) 35%,#fff);box-shadow:0 18px 42px rgba(23,43,42,.09)}.document-top{display:flex;justify-content:space-between;align-items:center}.pdf-icon{width:42px;height:49px;border:1px solid #d5ded8;border-radius:3px;display:grid;place-items:end center;padding-bottom:8px;color:var(--brand-primary);background:linear-gradient(135deg,transparent 10px,#f3f6f2 0) top right/14px 14px no-repeat;font-size:9px;font-weight:900;letter-spacing:.08em}.valid-pill,.draft-pill{border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.valid-pill{color:#237a57;background:#edf8f2}.draft-pill{color:#805d0d;background:#fff3cd}.valid-pill i,.draft-pill i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px}.valid-pill i{background:#2ba66f}.draft-pill i{background:#c6921d}.document-code{margin:18px 0 7px;color:var(--brand-primary);font-size:10px;font-weight:900;letter-spacing:.06em}.document-card h3{margin:0;font-family:Georgia,serif;font-size:18px;line-height:1.22;font-weight:500}.document-area{margin:9px 0 18px;color:var(--muted);font-size:10px}.document-card dl{display:flex;gap:30px;border-top:1px solid #edf0ed;padding-top:13px;margin:auto 0 15px}.document-card dl div{display:grid;gap:3px}.document-card dt{color:#8a9592;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.document-card dd{margin:0;font-size:10px;font-weight:700}.document-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.document-actions button,.document-actions a,.modal-actions button,.modal-actions a{min-height:36px;border:1px solid #d9e1dc;background:#fff;border-radius:5px;display:grid;place-items:center;color:var(--brand-primary-dark);font-size:10px;font-weight:800;cursor:pointer}.document-actions .print-button,.modal-actions button{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.document-actions button:hover,.document-actions a:hover{border-color:var(--brand-primary)}
.empty-state{min-height:360px;place-items:center;align-content:center;text-align:center;border:1px dashed #cbd5cf;border-radius:8px;margin-top:24px;padding:40px}.empty-state:not([hidden]){display:grid}.empty-state span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand-primary);font:500 30px Georgia,serif}.empty-state h3{margin:18px 0 7px;font:500 21px Georgia,serif}.empty-state p{color:var(--muted);font-size:12px}footer{min-height:70px;padding:22px clamp(22px,5vw,76px);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}
.modal-backdrop{position:fixed;inset:0;z-index:50;padding:28px;place-items:center;background:rgba(8,26,24,.72);backdrop-filter:blur(7px)}.modal-backdrop:not([hidden]){display:grid}.preview-modal{width:min(1100px,100%);height:min(850px,92vh);background:#fff;border-radius:10px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 30px 90px rgba(0,0,0,.35)}.preview-modal header{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.preview-modal header p{margin:0 0 3px;color:var(--brand-primary);font-size:9px;font-weight:900}.preview-modal header h2{margin:0;font:500 18px Georgia,serif}.preview-modal header button{width:36px;height:36px;border:0;border-radius:50%;background:#edf1ed;cursor:pointer;font-size:22px}.preview-modal iframe{width:100%;height:100%;border:0;background:#e8ebe8}.modal-actions{padding:12px 18px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line)}.modal-actions button,.modal-actions a{min-width:130px;padding:0 15px}.print-frame{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.noscript{margin:20px;padding:18px;border:1px solid #e3bcbc;background:#fff4f4;color:#8b1f1f}
@media(max-width:1080px){.document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.hero-visual{display:none}}@media(max-width:760px){.topbar{height:68px}.user-copy,.brand small{display:none}.hero{min-height:auto;padding-top:48px}.hero h1{font-size:44px}.search-box kbd{display:none}.library-section{grid-template-columns:1fr;gap:28px;padding-top:35px}.area-panel{position:static;overflow:hidden}.area-panel nav{display:flex;gap:7px;overflow-x:auto;padding:10px 1px 12px}.area-button{width:auto;min-width:max-content;border:1px solid var(--line)}.area-button small{margin-left:8px}.help-card,.area-heading{display:none}.document-grid{grid-template-columns:1fr}.catalog-header{align-items:start;flex-direction:column}.unit-banner{padding:12px 14px;gap:12px}.unit-logo{width:105px}.unit-labix .unit-logo{width:140px}.unit-labix .unit-logo img{width:136px}.unit-banner strong{font-size:15px}.unit-banner span{display:none}.catalog-controls{width:100%;align-items:end;justify-content:space-between}.catalog-controls select{min-width:145px}.document-card{min-height:300px}footer{flex-direction:column}.modal-backdrop{padding:8px}.preview-modal{height:96vh}}@media print{.topbar,.hero,.area-panel,footer,.document-actions,.unit-banner{display:none!important}.library-section{display:block;padding:0}.document-grid{grid-template-columns:1fr}}