*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef1f5;color:#161616}button,input{font:inherit}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#050505,#1c1c1c 60%,#92712e)}.login-card{width:100%;max-width:440px;background:#111;color:#fff;border-radius:24px;padding:32px;box-shadow:0 25px 50px rgba(0,0,0,.35)}.brand-box{display:inline-block;background:#d6a637;color:#111;padding:10px 14px;border-radius:12px;font-weight:700;margin-bottom:14px}.login-card h1{margin:0 0 8px;font-size:28px}.login-card p{margin:0 0 20px;color:#d7d7d7}.login-card label{display:block;margin:14px 0 6px}.login-card input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #333;background:#1d1d1d;color:#fff}.login-card button{width:100%;margin-top:18px;border:0;border-radius:14px;background:#d6a637;color:#111;padding:13px 16px;font-weight:700;cursor:pointer}.demo-box,.error{margin-top:16px;padding:12px;border-radius:12px}.demo-box{background:#1d1d1d;color:#e4e4e4}.error{background:#4f1f1f;color:#ffbcbc}.app-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:#111;color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:12px}.sidebar-brand{font-size:24px;font-weight:700}.sidebar-sub{color:#c6c6c6;margin-bottom:10px}.nav-btn,.logout-link{border:0;text-align:left;padding:14px 16px;border-radius:14px;text-decoration:none;cursor:pointer}.nav-btn{background:#242424;color:#fff}.nav-btn.active{background:#d6a637;color:#111;font-weight:700}.logout-link{background:#3a1c1c;color:#fff;margin-top:auto}.main-content{padding:24px}.topbar{background:#fff;border-radius:22px;padding:20px 24px;box-shadow:0 8px 24px rgba(0,0,0,.06);margin-bottom:20px}.topbar h2{margin:0 0 8px}.topbar p{margin:0;color:#666}.doc-panel{display:none}.doc-panel.active-panel{display:grid;grid-template-columns:380px 1fr;gap:22px;align-items:start}.editor-card{background:#fff;border-radius:22px;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.06);position:sticky;top:24px}.editor-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.editor-header h3{margin:0}.download-btn{background:#d6a637;border:0;color:#111;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .span-2{grid-column:span 2}.form-grid label{display:block;font-size:13px;font-weight:700;margin-bottom:4px}.form-grid input{width:100%;padding:10px 12px;border:1px solid #d3d7de;border-radius:10px;background:#fff}.sheet-wrap{overflow:auto}.pdf-sheet{width:794px;min-height:1123px;background:#fff;margin:0 auto;padding:30px 32px;box-shadow:0 12px 30px rgba(0,0,0,.1);color:#111;font-size:13px;line-height:1.25}.sheet-head{display:flex;gap:18px;align-items:center}.logo-box{width:130px;height:88px;background:#111;color:#d6a637;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:1.2;padding:6px}.company-block{flex:1}.company-block.centered{text-align:center}.company-block.full-width{width:100%}.mini-top{font-size:12px;margin-bottom:2px}.company-title{font-size:24px;font-weight:700;letter-spacing:.4px;margin-bottom:6px}.doc-title{text-align:center;font-size:28px;color:#687385;letter-spacing:1px;margin:26px 0 12px}.two-col{display:grid;grid-template-columns:1fr 220px;gap:16px}.right-meta{text-align:right}.section-title{font-weight:700;margin-bottom:6px}.top-gap{margin-top:10px}.top-gap-sm{margin-top:18px}.cargo-table{width:100%;border-collapse:collapse}.cargo-table td{border:1px solid #505050;padding:6px 8px;vertical-align:top}.cargo-table td:first-child{width:180px;font-weight:700;background:#f4f4f4}.bottom-area{display:grid;grid-template-columns:1fr 250px;gap:20px;align-items:end;margin-top:26px}.reg-box{border:1px solid #777;padding:14px;min-height:100px;display:flex;align-items:center}.signature-box{margin-top:24px}.notes-box{margin-top:12px;font-size:12.5px;line-height:1.45}.notes-box div{margin-bottom:8px}.invoice-footer{margin-top:40px}.status-box{display:none}.loading-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;z-index:9999}.hidden{display:none}@media (max-width:1200px){.doc-panel.active-panel{grid-template-columns:1fr}.editor-card{position:static}.app-shell{grid-template-columns:1fr}.sidebar{padding:18px}.pdf-sheet{transform-origin:top center}}@media (max-width:860px){.main-content{padding:12px}.pdf-sheet{width:794px;max-width:none}}@media print{body{background:#fff}.no-print,.sidebar,.topbar,.editor-card{display:none!important}.main-content{padding:0}.doc-panel{display:none!important}.doc-panel.active-panel{display:block!important}.sheet-wrap{overflow:visible}.pdf-sheet{box-shadow:none;margin:0;width:794px;min-height:1123px;break-after:avoid-page;page-break-after:avoid}.app-shell{display:block}}