/* Autocatalog 4.7 — task-first, responsive interface */
:root{--ink:#172a38;--muted:#617382;--line:#e1e8ed;--green:#176b5b;--paper:#f3f6f8;--accent:#c4ef79;--radius:18px;--shadow:0 8px 30px #20374708}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.55}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #369e88;outline-offset:3px}button,a{transition:background .15s,color .15s,box-shadow .15s,transform .15s}button:disabled{cursor:not-allowed}input,select,textarea{font-size:14px;min-height:48px;border-radius:11px;background:#fff;border-color:#ccd8df;padding:12px 14px}input::placeholder,textarea::placeholder{color:#7c8b96}label{font-size:12px;font-weight:650;color:#435b69;margin-bottom:8px}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #24877212}h2{font-size:27px;font-weight:750;line-height:1.25;letter-spacing:-.8px}h3{font-size:18px;line-height:1.4;letter-spacing:-.3px}.lead{font-size:14px;line-height:1.7}.note{font-size:12px;line-height:1.65}.eyelabel,.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.4px}.primary,.secondary{min-height:44px;border-radius:10px;font-weight:650;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.primary{background:#183d3a;padding:13px 20px}.primary:hover{background:#24554d;box-shadow:0 5px 15px #1b554b18}.secondary{background:#fff;border-color:#d3dfe5;color:#244a50;padding:11px 16px}.secondary:hover{background:#eef7f4;border-color:#93bfb0}.panel,.search-box{border-radius:var(--radius);padding:25px;border:1px solid var(--line);background:white;box-shadow:var(--shadow)}.panel{margin-bottom:16px}.section-head{gap:20px;margin-bottom:24px}.badge{border-radius:30px;font-size:10px;padding:8px 12px;background:#edf6ee;color:#35644e;border:0}.row-actions{gap:10px}.tagrow span{border-radius:6px;padding:5px 9px;font-size:11px}.warning{border-radius:12px;line-height:1.7;font-size:13px;padding:16px 19px;background:#fff7e8;color:#785322;border:1px solid #f0dec0}.empty{border-radius:18px;background:white;padding:38px 22px;color:var(--muted);border:1px dashed #bdcbd4;line-height:1.8}.empty a{color:var(--green)}
aside{width:246px;background:#112b32;color:#d7e7e7;border:0;padding:30px 19px;z-index:30;overflow:auto}.brand{font-size:22px;letter-spacing:-.7px;color:#fff;gap:9px}.mark{background:var(--accent);color:#17382f;width:36px;height:36px;border-radius:11px}.beta{color:var(--accent);font-size:8px}.side-label{color:#86a3a9;font-size:9px;margin:36px 13px 17px;letter-spacing:1.5px}aside nav{display:flex;flex-direction:column;gap:3px}nav a{font-size:12px;line-height:1.4;min-height:45px;padding:11px 13px;color:#abc2c7;border-radius:10px;margin:0;gap:11px}nav a:hover{background:#ffffff0a;color:#fff}nav a.active{background:var(--accent);color:#173a30;font-weight:750}nav a b{border-radius:7px;background:#ffffff15;padding:2px 6px}.nav-icon{width:19px;height:19px;flex:0 0 19px;opacity:.9}.nav-secondary{font-size:11px;color:#91adb5}.side-bottom{padding:30px 12px 0;font-size:10px;color:#a6c0c5;margin-top:auto}.side-bottom p{color:#86a4ad}.dot{background:var(--accent)}main{margin-left:246px;padding:0 40px;max-width:1800px}header{height:76px;border:0;font-size:12px;gap:16px}.edition{letter-spacing:1px;font-size:9px;color:#7a8d97}header .secondary{background:transparent;border-color:#cedbe2}.hero{margin:5px 0 22px;padding:40px 38px 38px;background:linear-gradient(115deg,#123b3c,#1b4e48 55%,#285d50);color:white;border-radius:23px;min-height:300px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 20%,#a9e8a225,transparent 60%)}.hero .eyebrow{color:#c4ef79;letter-spacing:1.8px}.hero h1{font-size:clamp(31px,3.1vw,49px);font-weight:720;letter-spacing:-1.6px;line-height:1.13;margin:18px 0 14px;max-width:60%}.hero h1 em{color:#c4ef79}.hero p{font-size:13px;color:#c1dad4;line-height:1.7;max-width:49%;margin-bottom:23px}.hero-drawing{width:50%;right:-12px;top:46px;color:#b6ddbd;opacity:.95;transform:rotate(-4deg)}.hero-drawing svg{filter:drop-shadow(0 20px 18px #0a292c55)}.hero-drawing span{color:#b5d3c8;letter-spacing:1.5px;font-size:8px;margin:10px 22px 0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2}.hero-actions .primary{background:var(--accent);color:#183b30}.hero-actions .secondary{background:#ffffff0b;color:#fff;border-color:#ffffff40}.hero.compact{display:none}.stats{background:transparent;gap:10px;padding:0;border:0;margin:0 0 32px;grid-template-columns:repeat(4,minmax(0,1fr))}.stats>div{background:white;border:1px solid var(--line)!important;border-radius:13px;padding:17px 18px!important;gap:11px;align-items:center}.stats strong{font-size:25px;font-weight:750;letter-spacing:-.7px}.stats span{font-size:10px;color:#657b87;max-width:110px}.hero.compact+.stats{display:none}#app{padding-bottom:24px}.tabs{gap:20px}.tabs button{font-size:13px;padding-bottom:13px}.search-box{padding:24px}.search-box input#search{padding:16px 18px 16px 43px;font-size:16px;background:#f7fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23677f88' stroke-width='1.8'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E") no-repeat 14px center}.catalog-top{margin-top:28px}.chips{gap:8px}.chip{border-radius:30px;padding:9px 15px;font-size:12px;background:#fff}.chip.selected{background:#1c4641;border-color:#1c4641}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{border-radius:15px;padding:22px;min-height:148px;box-shadow:var(--shadow)}.card strong{font-size:14px;font-weight:750}.card small{font-size:11px;line-height:1.6;color:#71838d}.monogram{width:42px;height:42px;border-radius:12px;background:#f0f5f6;color:#335663;font-size:13px;border:0}.card:hover{transform:translateY(-3px);border-color:#91b4a8;box-shadow:0 12px 24px #1b443712}.quick-start{margin:20px 0 25px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.start-card{display:flex;align-items:flex-start;gap:13px;text-decoration:none;background:#e8f0f2;border:1px solid #deeaed;border-radius:15px;padding:20px;color:#24444f}.start-card:hover{background:#e0ede9;transform:translateY(-2px)}.start-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff;flex-shrink:0;color:#2b7566}.start-icon svg{width:20px;height:20px}.start-card strong{display:block;font-size:13px;margin-bottom:4px}.start-card small{font-size:11px;line-height:1.6;color:#627a82;display:block}.region-launch{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.region-launch a{border:1px solid #dbe6e9;border-radius:30px;padding:9px 14px;text-decoration:none;background:#fff;font-size:12px;color:#41636b}.region-launch a:hover{border-color:#80ac99;background:#edf5ef}.region-launch span{opacity:.5;margin-right:6px}details.panel>summary{cursor:pointer;font-weight:650;font-size:14px;padding:2px 0;color:#2c555a}details.panel[open]>summary{margin-bottom:16px}.library-help{background:#eaf3ef;border-color:#d8e9e0;box-shadow:none}.library-help p{font-size:12px;color:#537165;line-height:1.75}.library-help .note{color:#60786d}.filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#librarySearch{background:#f7fafb;font-size:15px}#libraryRows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#libraryRows .panel{margin:0;display:flex;flex-direction:column;padding:23px;min-width:0}#libraryRows h3{font-size:17px;overflow-wrap:anywhere;margin-top:9px}#libraryRows p{font-size:12px;line-height:1.7;color:#58717c;margin:8px 0}#libraryRows .note{font-size:11px}#libraryRows .eyelabel{font-size:9px;color:#6b8a87}#libraryRows .row-actions{margin-top:auto;padding-top:15px}#libraryCount{font-size:15px;color:#254a4f;font-weight:700;margin:24px 0 17px}.library-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}.library-tools .note{margin:0}#libraryReset{font-size:12px;white-space:nowrap}.pagination{gap:16px;padding:24px 0;font-size:13px}.pagination button{min-width:44px;min-height:44px;border-radius:10px}.kv{background:#f4f7f8;border-radius:12px;padding:14px;gap:14px}.kv small{font-size:10px}.split{gap:16px}.source .source-content p{font-size:13px;line-height:1.75}.table-wrap{border-radius:15px}table{font-size:13px}th{font-size:11px;background:#edf3f5}td,th{padding:16px}.detail-data td{overflow-wrap:anywhere}dialog{border:1px solid #dbe5eb;border-radius:22px;box-shadow:0 35px 100px #0a263447;padding:32px;max-width:780px;width:calc(100% - 32px)}dialog::backdrop{background:#0d2a3b85;backdrop-filter:blur(5px)}.close{border-radius:50%;background:#eef3f5;width:33px;height:33px}footer{font-size:11px;padding:24px 0 32px;line-height:1.8;color:#7a8e98}#toast{border-radius:12px;font-size:13px;box-shadow:0 8px 35px #112c3540}.mobile-menu,.nav-backdrop{display:none}.skip-link{position:fixed;top:-100px;left:260px;background:#fff;padding:12px;z-index:100;border-radius:10px}.skip-link:focus{top:10px}.form-hint{font-size:11px;color:#6b7e89;margin:10px 0 0}
@media(min-width:1500px){main{padding:0 55px}.hero{min-height:330px;padding:44px}.hero-drawing{top:30px;width:52%}}
@media(max-width:1120px){main{padding:0 26px}aside{width:222px;padding:28px 15px}main{margin-left:222px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:36px}.hero{padding:30px;min-height:290px}.hero-drawing{top:70px}.hero p{max-width:55%}.stats strong{font-size:22px}.stats>div{padding:14px 12px!important;flex-direction:column;align-items:flex-start}.stats span{max-width:none}.quick-start{gap:9px}.start-card{padding:16px;gap:9px}.start-icon{width:30px;height:30px}}
@media(max-width:800px){aside{position:fixed;width:260px;height:100dvh;inset:0 auto 0 0;transform:translateX(-100%);transition:transform .2s;display:flex;padding:27px 18px}.brand{font-size:22px}.side-label,.side-bottom{display:block}.side-label{margin-top:30px}aside nav{display:flex;flex-direction:column;overflow:visible;margin:0;gap:3px}nav a{white-space:normal;font-size:12px;padding:12px;min-height:45px}nav a b{display:inline-block}.navigation-open aside{transform:translateX(0)}.navigation-open .nav-backdrop{display:block;position:fixed;inset:0;background:#102e3977;border:0;z-index:25;backdrop-filter:blur(3px)}main{margin:0;padding:0 20px}header{min-height:70px;height:70px;position:relative;gap:10px}.mobile-menu{display:grid;place-items:center;width:42px;height:42px;border:1px solid #cddde3;border-radius:11px;background:white;flex-shrink:0;color:#28525a}.mobile-menu svg{width:21px;height:21px}#breadcrumb{font-size:11px;flex:1}header .secondary{font-size:11px;padding:9px 12px;min-height:40px;max-width:150px;margin:0}.edition{display:none}.hero{margin-top:3px;border-radius:20px;padding:28px;min-height:300px}.hero h1{font-size:39px;max-width:70%}.hero p{font-size:12px;max-width:65%}.hero-drawing{width:47%;right:-45px;top:100px;opacity:.6}.hero-actions{gap:8px}.hero-actions a{font-size:12px}.stats{gap:9px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:27px}.stats>div{gap:4px}.stats strong{font-size:21px}.stats span{font-size:9px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-start{grid-template-columns:repeat(3,minmax(0,1fr))}.start-icon{display:none}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.search-box{padding:21px}#libraryRows .panel{padding:21px}.skip-link{left:16px}}
@media(max-width:520px){main{padding:0 15px}header{height:66px;min-height:66px}#breadcrumb{font-size:10px}header .secondary{font-size:10px;max-width:115px;padding:8px 10px}.hero{padding:27px 23px 23px;min-height:325px}.hero h1{font-size:34px;max-width:100%;line-height:1.15;letter-spacing:-1.3px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero p{max-width:90%;font-size:12px;margin-bottom:19px}.hero-drawing{width:58%;right:-70px;top:138px;opacity:.16}.hero-drawing span{display:none}.hero-actions{flex-direction:column;align-items:stretch;max-width:260px}.hero-actions a{min-height:42px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:9px;margin-bottom:25px}.stats>div{flex-direction:row;gap:12px;padding:14px 12px!important}.stats strong{font-size:23px}.stats span{font-size:9px;line-height:1.5;max-width:78px}h2{font-size:23px}.section-head{gap:10px}.lead{font-size:12px}.badge{font-size:8px;padding:6px 9px;max-width:110px}.search-box{padding:19px}.tabs{gap:18px}.tabs button{font-size:12px}.search-box input#search{font-size:14px}.quick-start{grid-template-columns:1fr;gap:8px;margin:15px 0 22px}.start-card{padding:14px 16px;align-items:center}.start-icon{display:grid;width:34px;height:34px}.start-card strong{font-size:13px;margin:0}.start-card small{font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:18px;min-height:143px}.card strong{font-size:13px}.card small{font-size:10px}.monogram{margin-bottom:13px;width:36px;height:36px}.catalog-top{margin-top:23px}.chip{font-size:11px;padding:8px 12px}.filters{gap:14px;grid-template-columns:1fr 1fr}.filters>div{min-width:0}.filters label{font-size:10px}.filters input,.filters select{padding:11px 9px;font-size:12px;min-height:45px}#libraryRows{grid-template-columns:1fr;gap:12px}#libraryRows h3{font-size:17px}.library-help{padding:18px}.library-help summary{font-size:12px}.library-tools{align-items:flex-start;gap:10px}.library-tools .note{font-size:10px}.library-tools button{padding:10px;font-size:11px;min-height:40px}.region-launch{flex-wrap:nowrap;overflow:auto;margin:0 -15px 17px;padding:0 15px 5px;scrollbar-width:none}.region-launch a{flex-shrink:0;font-size:11px;padding:9px 12px}.panel{padding:20px}.source{gap:12px}.source .source-content{flex-basis:calc(100% - 50px)}.source .monogram{width:34px;height:34px}.source h3{font-size:16px}.source .source-content p{font-size:12px}.split{grid-template-columns:1fr}.row-actions a,.row-actions button{font-size:12px;min-height:44px}.consent{font-size:11px}.table-wrap{border-radius:12px}table{font-size:11px}.kv{grid-template-columns:1fr 1fr;font-size:12px}dialog{padding:25px 20px;border-radius:18px}footer{font-size:10px}.fields .field{flex-basis:100%}.fields>button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.quick-start,.region-launch,.hero-actions,.mobile-menu,.nav-backdrop,.skip-link,.library-tools{display:none!important}#libraryRows{display:block}.panel{box-shadow:none;break-inside:avoid}}

@media(max-width:800px){aside{visibility:hidden}.navigation-open aside{visibility:visible}}