@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f6f5f1;--paper:#fffefa;--ink:#302c28;--muted:#827e75;--line:#e7e4dc;--copper:#a2633b;--gold:#d4ad79;--green:#526558;--sidebar:#302a25;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b88350;outline-offset:4px}button:disabled{opacity:.45;cursor:default}svg{display:block;width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}button{border:0}button svg{width:18px;height:18px} [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;left:260px;top:-70px;background:var(--paper);padding:12px;z-index:20}.skip-link:focus{top:12px}
.sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:var(--sidebar);color:#ede9e3;padding:36px 20px 0;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:13px;padding:0 10px;font-family:var(--display);font-size:22px;line-height:1.12;font-weight:750;letter-spacing:-.8px}.brand-icon svg{width:42px;height:47px;stroke:#d5a773;stroke-width:1.5}.brand-copper{display:block;color:#d5a773}.brand-dot{color:#f0e6d9}.sidebar-caption{font-size:8px;letter-spacing:1.9px;margin:20px 0 49px 11px;color:#a69c90}.nav-label{color:#978b7e;font-size:9px;letter-spacing:1.9px;padding:0 14px;margin-bottom:16px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;color:#bcb3a8;padding:14px 12px;border-radius:7px;margin-bottom:7px;transition:background .15s,color .15s}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:#40372f;color:#f8f1e7}.nav-item.active{background:#493b2e;color:#e8c28d}.nav-item.active:before{content:'';position:absolute;left:-20px;width:3px;height:21px;background:#d4ad79;border-radius:0 3px 3px 0}.nav-count{margin-left:auto;font-size:10px;color:#bdaf9c;border-radius:4px;background:#493f35;padding:0 5px}.sidebar-bottom{margin-top:auto;padding-top:40px}.local-card{border:1px solid #53473c;border-radius:8px;padding:16px 13px 15px;position:relative}.local-card strong{font-size:11px;font-weight:500;margin-left:12px}.status-light{position:absolute;top:23px;left:13px;width:5px;height:5px;background:#b1b890;border-radius:50%}.local-card p{font-size:10px;line-height:1.7;color:#ad9f91;margin:8px 0 11px}.local-card a{font-size:10px;color:#d0b18e}.local-card a span{margin-left:6px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #493f35;margin-top:24px;padding:22px 0}.avatar,.header-avatar{background:#534231;display:grid;place-items:center;border:1px solid #73583e;border-radius:50%;color:#e8c28d;font-size:11px;width:33px;height:33px}.profile strong{display:block;font-size:11px;font-weight:500}.profile div span{display:block;color:#9e9082;font-size:9px;margin-top:3px}.workspace{margin-left:232px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#faf9f6}.breadcrumb{font-size:9px;letter-spacing:1.2px;color:#928b7e}.breadcrumb span{margin:0 13px;color:#bfb8ab}.breadcrumb strong{color:#6c665c;font-weight:500}.topbar-right{display:flex;align-items:center;gap:25px}.saved-indicator{display:flex;gap:7px;align-items:center;font-size:10px;color:#7b7c6d}.saved-indicator i{width:5px;height:5px;background:#87947a;border-radius:50%}.header-avatar{width:30px;height:30px;background:#ede7dc;color:#8b694b;border-color:#e2d9cc;font-size:10px}main{max-width:1530px;margin:auto;padding:36px 42px 22px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#998e7f;text-transform:uppercase;margin-bottom:7px}h1{font-family:var(--display);font-size:32px;line-height:1.3;letter-spacing:-1.2px;font-weight:650}h1>span{color:var(--copper)}.page-subtitle{font-size:12px;color:var(--muted);margin-top:7px}.heading-actions{display:flex;gap:14px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 17px;border-radius:6px;font-size:11px;font-weight:600;transition:background .15s,transform .15s;white-space:nowrap}.button:active{transform:translateY(1px)}.button-primary{background:var(--copper);color:#fff7e9;box-shadow:0 3px 4px #9d633414}.button-primary:hover{background:#8d5131}.button-secondary{background:var(--paper);border:1px solid var(--line);color:#64594b}.button-secondary:hover{background:#f0ede6}.button-quiet{background:transparent;color:#847866;padding:8px 3px}.button-quiet:hover{color:var(--copper)}.button-small{font-size:10px;min-height:34px;padding:7px 12px}.hero{display:flex;position:relative;overflow:hidden;min-height:192px;background:#e9e4d9;border:1px solid #dfd8c9;border-radius:10px;padding:29px 34px;align-items:center}.hero-copy{position:relative;z-index:1;width:70%}.hero-label{display:inline-flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1.4px;color:#7e6851;font-weight:600;margin-bottom:12px}.hero-label:before{content:'';width:5px;height:5px;background:#ac7549;border-radius:50%}.hero h2{font-family:var(--display);font-size:28px;font-weight:500;letter-spacing:-1px;line-height:1.3}.hero h2 em{font-family:Georgia,serif;font-weight:400;color:#9b673e}.hero p{font-size:11px;color:#847866;margin-top:9px;max-width:390px}.hero-link{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#7b5636;font-weight:600;margin-top:18px;background:transparent;padding:0}.hero-link svg{width:15px;height:15px}.hero-art{position:absolute;right:1%;bottom:-10px;width:340px;height:220px}.hero-art svg{width:100%;height:100%;stroke:none;fill:none}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:22px;margin-bottom:27px}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:19px 20px 17px;min-height:130px}.stat-top{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-bottom:12px}.stat-top span{font-size:10px;color:#8b8276}.stat-icon{display:grid;place-items:center;width:27px;height:27px;background:#f3eee5;border-radius:6px;color:#a88c68}.stat-icon svg{width:16px;height:16px}.stat-value{font-family:var(--display);font-weight:600;letter-spacing:-.8px;font-size:25px;line-height:1.3}.stat-value small{font-family:var(--font);font-size:12px;color:#9e9384;font-weight:400;letter-spacing:0;margin-left:4px}.stat-note{font-size:9px;color:#a09587;margin-top:8px}.stat-card:first-child{border-top:2px solid #b78c55;padding-top:18px}.stat-card:first-child .stat-icon{color:#a67945}.stat-card:nth-child(3) .stat-icon{background:#edf0e9;color:#748165}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:22px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-heading{padding:21px 23px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-heading h2,.section-title{font-size:13px;font-weight:600;letter-spacing:-.1px}.panel-heading p{font-size:10px;color:#999083;margin-top:4px}.text-link{display:flex;align-items:center;gap:7px;background:transparent;font-size:10px;color:#9c7751;white-space:nowrap;padding:3px}.text-link:hover{color:#754626}.text-link svg{width:14px;height:14px}.empty{min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center;border-top:1px solid #f1eee7}.empty-icon{width:48px;height:48px;border-radius:50%;background:#f4f0e8;display:grid;place-items:center;color:#b09a7d;margin-bottom:14px}.empty-icon svg{width:23px;height:23px}.empty strong{font-size:12px;font-weight:500}.empty p{max-width:285px;color:#9a9082;font-size:10px;line-height:1.7;margin:6px 0 15px}.stock-list{padding:2px 23px 18px}.stock-line{margin:0 0 18px}.stock-line:last-child{margin-bottom:0}.stock-line-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:8px}.metal-label{display:inline-flex;align-items:center;gap:7px}.metal-dot{width:7px;height:7px;border-radius:2px;background:var(--metal-color);display:inline-block;flex:none}.stock-line-heading strong{font-weight:500;font-size:10px}.stock-line-heading small{font-size:9px;color:#a69c8e}.stock-track{height:4px;background:#f0ede6;border-radius:6px;overflow:hidden}.stock-track span{display:block;height:100%;background:var(--metal-color);border-radius:6px;min-width:0}.stock-footnote{margin:0 23px 20px;padding-top:13px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;font-size:9px;color:#a09586}.stock-footnote svg{width:12px;height:12px}.tip-banner{display:flex;align-items:center;gap:14px;background:#f0eee7;border:1px solid #e7e2d8;border-radius:8px;margin-top:22px;padding:17px 21px}.tip-icon{color:#a18863}.tip-banner strong{display:block;font-size:11px;font-weight:500}.tip-banner p{font-size:10px;color:#9b9080;margin-top:3px}.tip-banner a{margin-left:auto;font-size:10px;color:#927146;white-space:nowrap}.footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:31px;color:#ada598;font-size:9px}.footer>span:last-child{font-size:8px;letter-spacing:1.3px}.footer b{color:#bf9c70;margin:0 8px;font-size:7px;font-weight:400}.filters{display:flex;gap:10px;padding:18px 23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.search-field{display:flex;gap:8px;align-items:center;background:#f8f7f3;border:1px solid var(--line);border-radius:6px;padding:0 11px;flex:1}.search-field svg{width:16px;height:16px;color:#a2998b}.search-field input{border:0;background:transparent;min-width:0;width:100%;height:38px;font-size:11px;outline-offset:1px}.filters select{height:40px;max-width:160px;font-size:11px;padding:0 30px 0 10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-size:8px;letter-spacing:1px;color:#a09687;font-weight:500;background:#fcfbf8;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:15px 16px;border-bottom:1px solid #f0ede6;font-size:11px}th:first-child,td:first-child{padding-left:23px}tr:last-child td{border-bottom:0}.operation-type{display:inline-flex;align-items:center;gap:4px;font-size:9px;border-radius:4px;padding:3px 6px;color:#9c7950;background:#f4eee3}.operation-type.vente{background:#edf1e9;color:#687d59}.operation-type svg{width:11px;height:11px}.cell-secondary{font-size:9px;color:#a39887;margin-top:3px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.amount-cell{font-variant-numeric:tabular-nums;font-weight:500}.row-actions{display:flex;gap:3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#9a8a75;width:32px;height:32px;border-radius:5px}.icon-button:hover{background:#f0ebe2;color:#805a33}.icon-button svg{width:15px;height:15px}.results-count{padding:13px 23px;border-top:1px solid var(--line);font-size:10px;color:#9b907f}.stock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.material-card{padding:24px}.material-card-top{display:flex;align-items:center;justify-content:space-between}.element-symbol{display:grid;place-items:center;width:45px;height:45px;color:var(--metal-color);background:color-mix(in srgb,var(--metal-color) 12%,white);border:1px solid color-mix(in srgb,var(--metal-color) 28%,white);font-size:18px;font-family:var(--display);border-radius:8px}.material-name{font-size:13px;font-weight:500;margin:18px 0 3px}.material-weight{font-family:var(--display);font-size:28px;font-weight:600}.material-weight small{font-size:13px;color:#9e9382;font-weight:400}.material-details{display:flex;gap:24px;font-size:10px;color:#958774;margin:18px 0;padding-top:14px;border-top:1px solid var(--line)}.material-details strong{display:block;font-size:12px;font-weight:500;color:#686154;margin-top:3px}.material-card .button{width:100%}.backups-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.backup-card{padding:27px}.backup-icon{background:#f1ebe0;width:43px;height:43px;border-radius:8px;color:#aa8759;display:grid;place-items:center;margin-bottom:18px}.backup-card h2{font-size:16px;font-weight:550;margin-bottom:8px}.backup-card p{color:#938675;font-size:12px;line-height:1.8;margin-bottom:22px}.backup-card .button{margin:0 6px 10px 0}.backup-info{margin-top:22px;padding:23px;background:#eeece3;border:1px solid var(--line);border-radius:8px;font-size:12px;color:#7c705f;line-height:1.9}.backup-info strong{color:#5b5144}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f1e6d0;border:1px solid #e0c797;padding:11px 16px;border-radius:6px;color:#8d6c35;font-size:11px;margin-bottom:24px}.demo-banner button{background:transparent;color:#765524;font-size:11px;white-space:nowrap}.notice{background:#f9eae4;border:1px solid #dfb39e;border-radius:6px;padding:15px;margin-bottom:20px;font-size:12px;color:#8b4830}.notice p{margin:6px 0 12px}.notice .button{margin-right:8px}.toast{position:fixed;bottom:25px;left:calc(50% + 116px);transform:translateX(-50%);background:#3c493b;color:#f3f2e8;padding:13px 21px;border-radius:7px;box-shadow:0 5px 30px #0002;font-size:12px;z-index:30;max-width:90vw}.modal{width:min(550px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #ded7ca;border-radius:13px;padding:28px;background:#fffefb;color:var(--ink);box-shadow:0 20px 100px #20140836}.modal::backdrop{background:#2b211e88;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.modal-heading h2{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.6px}.modal-heading .eyebrow{font-size:8px}.modal-heading .icon-button{align-self:flex-start}.type-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;background:#f4f1eb;padding:5px;margin:0 0 22px;border-radius:7px}.type-choice label{position:relative}.type-choice input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.type-choice label>span{padding:9px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;border:1px solid transparent;border-radius:5px;color:#9e8e79}.type-choice input:checked+span{background:#fffdfa;border-color:#e5d9c8;color:#996d3c;box-shadow:0 2px 3px #9e774114}.type-choice input:focus-visible+span{outline:2px solid #b88350}.type-choice svg{width:14px;height:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{display:flex;flex-direction:column;font-size:11px;font-weight:500;color:#786956;gap:7px}.form-grid input,.form-grid select,.form-grid textarea,.filters select{background:#fcfbf8;border:1px solid #e2dcd1;border-radius:6px;color:#4c4338;padding:11px 12px;min-width:0;max-width:100%}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#b8ad9e;font-size:11px}.full-width{grid-column:1/-1;position:relative}.optional{position:absolute;right:0;top:0;font-size:10px;font-weight:400;color:#b4a793}.amount-preview{display:flex;justify-content:space-between;align-items:center;padding:17px;background:#f2eee5;border-radius:7px;margin-top:23px;color:#8f7a5c;font-size:11px}.amount-preview strong{font-family:var(--display);font-size:24px;color:#946239;letter-spacing:-.8px}.form-hint{font-size:9px;color:#a79781;text-align:right;margin-top:7px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.form-error{padding:10px 13px;background:#f9eae3;color:#a0472a;border:1px solid #e8b9a4;border-radius:6px;font-size:12px;margin-top:16px}.confirm-modal{max-width:440px}.confirm-modal p{font-size:12px;color:#8e7e68;line-height:1.8}.noscript{position:fixed;top:0;left:0;right:0;background:#fff;color:#8b300e;padding:30px;z-index:100}
@media(min-width:1600px){main{padding-top:44px}.hero{min-height:210px}.hero-art{right:5%;width:380px;height:250px}.stat-card{min-height:146px}.dashboard-grid{grid-template-columns:1.8fr 1fr}.empty{min-height:275px}.stock-line{margin-bottom:22px}}
@media(max-width:1200px){.sidebar{width:208px;padding-left:16px;padding-right:16px}.nav-item.active:before{left:-16px}.workspace{margin-left:208px}.topbar{padding:0 27px}main{padding:30px 27px 20px}.brand{font-size:20px;padding-left:5px}.brand-icon svg{width:36px}.sidebar-caption{letter-spacing:1.2px;font-size:8px;margin-left:5px}.hero-art{right:-40px;opacity:.85}.stat-grid{gap:12px}.stat-card{padding:16px 14px}.stat-value{font-size:22px}.dashboard-grid{gap:16px;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.heading-actions{gap:10px}.button-quiet{font-size:10px}.page-heading{gap:10px}.stock-cards{gap:15px}.toast{left:calc(50% + 104px)}}
@media(max-width:950px){.sidebar{width:185px;padding-left:12px;padding-right:12px}.workspace{margin-left:185px}.brand{font-size:18px;gap:8px}.sidebar-caption{font-size:7px;letter-spacing:1px}.nav-item{font-size:10px;padding-left:9px;gap:9px}.nav-item.active:before{left:-12px}.local-card{padding:13px 10px}.local-card strong{font-size:10px}.status-light{top:20px;left:10px}.topbar{padding:0 23px}.breadcrumb{font-size:8px;letter-spacing:.7px}.topbar-right{gap:15px}main{padding:27px 23px}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column-reverse;align-items:flex-end;gap:4px}.button-primary{font-size:10px;padding:10px 12px}.hero{padding:25px;min-height:180px}.hero h2{font-size:23px}.hero-art{right:-80px;opacity:.7}.hero p{max-width:260px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card{min-height:120px}.dashboard-grid{grid-template-columns:1fr}.stock-list{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.stock-line{margin-bottom:0}.stock-cards{grid-template-columns:repeat(2,1fr)}.backups-grid{grid-template-columns:1fr}.toast{left:calc(50% + 92px)}.filters{flex-wrap:wrap}.search-field{flex-basis:100%}.filters select{flex:1;max-width:none}.footer>span:last-child{display:none}}
@media(max-width:640px){.sidebar{width:auto;position:relative;padding:18px 18px 0}.brand{font-size:18px;gap:10px;line-height:1}.brand-copper{display:inline;margin-left:4px}.brand-dot{color:#d5a773}.brand-icon svg{width:28px;height:31px}.sidebar-caption,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:2px;margin-top:17px;justify-content:space-between}.nav-item{flex-direction:column;gap:5px;margin:0;border-radius:6px 6px 0 0;padding:11px 7px;font-size:9px;flex:1;white-space:nowrap}.nav-item svg{width:17px;height:17px}.nav-count{display:none}.nav-item.active:before{left:20%;width:60%;height:2px;bottom:0}.workspace{margin-left:0}.topbar{height:48px;padding:0 20px}.breadcrumb{font-size:7px;letter-spacing:.3px}.breadcrumb span{margin:0 7px}.saved-indicator{font-size:8px}.header-avatar{display:none}main{padding:24px 18px 18px}.page-heading{flex-wrap:wrap;gap:17px;margin-bottom:22px}h1{font-size:28px}.page-subtitle{font-size:11px}.eyebrow{font-size:8px}.heading-actions{flex-direction:row-reverse;align-items:center;justify-content:space-between;flex-basis:100%}.button-primary{font-size:11px}.hero{min-height:200px;padding:23px 20px}.hero h2{font-size:23px}.hero-copy{width:85%}.hero p{max-width:225px;font-size:10px}.hero-art{right:-130px;bottom:-35px;opacity:.4}.hero-label{font-size:7px}.hero-link{font-size:10px;margin-top:16px}.stat-grid{margin-top:16px;gap:10px;margin-bottom:18px}.stat-card{padding:15px 13px;min-height:124px}.stat-top{margin-bottom:11px}.stat-top span{font-size:9px}.stat-value{font-size:22px}.stat-value small{font-size:10px}.stat-note{font-size:8px}.panel-heading{padding:19px 17px 16px}.panel-heading h2{font-size:12px}.panel-heading p{font-size:9px}.stock-list{padding:0 17px 20px}.stock-footnote{margin-left:17px;margin-right:17px}.tip-banner{padding:16px;align-items:flex-start;gap:12px;margin-top:18px}.tip-banner a{display:none}.tip-banner p{font-size:9px}.footer{margin-top:24px;padding-top:16px;font-size:8px}.stock-cards{grid-template-columns:1fr 1fr;gap:11px}.material-card{padding:16px}.material-weight{font-size:23px}.material-details{gap:12px;font-size:9px;flex-wrap:wrap}.material-card .button{font-size:9px;padding:8px}.element-symbol{width:36px;height:36px;font-size:15px}.material-name{font-size:12px}.backups-grid{gap:16px}.backup-card{padding:22px}.backup-info{font-size:11px;padding:20px}.toast{left:50%;width:max-content;font-size:11px}.demo-banner{align-items:flex-start;font-size:10px;padding:12px;gap:10px}.demo-banner button{font-size:10px}.modal{padding:23px 20px}.modal-heading h2{font-size:20px}.form-grid{gap:15px 12px}.form-grid input,.form-grid select{font-size:12px;padding:11px 8px}.modal-actions{gap:8px}.modal-actions .button{font-size:10px;padding:10px 12px}.filters{padding:16px}.text-link{font-size:9px}.skip-link{left:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}