:root{--bg-color:#121212;--panel-bg:#1e1e1eb3;--border-color:#d4af374d;--text-main:#f5f5f5;--text-muted:#a0a0a0;--gold-accent:#d4af37;--gold-glow:#d4af3733;--input-bg:#121212cc;--error:#cf6679}body{background-color:var(--bg-color);color:var(--text-main);flex-direction:column;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000004d}input,textarea{background:var(--input-bg);color:var(--text-main);box-sizing:border-box;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:10px 12px;font-size:1rem;transition:all .3s}input:focus,textarea:focus{border-color:var(--gold-accent);box-shadow:0 0 8px var(--gold-glow);outline:none}h1,h2,h3{color:var(--gold-accent);margin-top:0}label{color:var(--text-muted);margin-bottom:6px;font-size:.9rem;display:block}.btn{color:#121212;cursor:pointer;background:linear-gradient(135deg,#d4af37,#aa8c2c);border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{box-shadow:0 4px 12px var(--gold-glow);transform:translateY(-2px)}.btn-secondary{border:1px solid var(--gold-accent);color:var(--gold-accent);background:0 0}.btn-secondary:hover{background:#d4af371a}.app-container{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;border-bottom:1px solid #ffffff0d;margin-bottom:30px;padding:20px 0}.grid-layout{grid-template-columns:1fr;gap:30px;display:grid}@media (width>=900px){.grid-layout{grid-template-columns:1fr 1fr}}.form-group{margin-bottom:16px}.form-row{gap:16px;display:flex}.form-row>*{flex:1}.receipt-wrapper{color:#222;box-sizing:border-box;transform-origin:0 0;outline-offset:-8px;background:#fff;border:12px solid #fff;outline:2px solid #d4af37;width:297mm;min-height:210mm;margin-bottom:-110mm;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;position:relative;overflow:hidden;transform:scale(.45);box-shadow:0 10px 40px #00000026}@media print{@page{size:A4 landscape;margin:0}body{background:#fff!important;margin:0!important;padding:0!important}.header,.no-print,.glass-panel:not(.receipt-panel){display:none!important}.app-container,.grid-layout,.glass-panel.receipt-panel{box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;display:block!important}.receipt-wrapper{page-break-inside:avoid;box-shadow:none!important;border:none!important;outline:none!important;width:297mm!important;height:210mm!important;margin:0!important;padding:0!important;overflow:hidden!important;transform:none!important}}.receipt-wrapper:before{content:"華";color:#d4af370a;z-index:0;pointer-events:none;font-family:Noto Serif TC,serif;font-size:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.invoice-content{z-index:1;flex-direction:column;height:100%;padding:15mm 20mm;display:flex;position:relative}.invoice-top-section{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.gold-foil-text{background:linear-gradient(#bf953f 0%,#fcf6ba 25%,#b38728 50%,#fbf5b7 75%,#aa771c 100%);-webkit-text-fill-color:transparent;color:#d4af37;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;display:inline-block}.brand-section{flex-direction:column;display:flex}.brand-chinese{letter-spacing:12px;margin:0;font-family:Noto Serif TC,serif;font-size:46px;font-weight:900}.brand-english{letter-spacing:3px;margin:0 0 10px;font-family:Playfair Display,serif;font-size:26px;font-weight:800}.brand-section p{color:#555;text-transform:uppercase;letter-spacing:1px;margin:2px 0;font-size:11px}.title-section{text-align:right}.title-section h2{letter-spacing:4px;color:#333;text-transform:uppercase;margin:0 0 5px;font-family:Playfair Display,serif;font-size:28px;font-weight:700}.title-section h3{letter-spacing:3px;color:#999;margin:0 0 15px;font-size:11px;font-weight:400}.title-section table{border-collapse:collapse;margin-left:auto}.title-section td{text-align:left;padding:3px 8px;font-size:11px}.title-section td.label{color:#555;text-align:right;text-transform:uppercase;font-weight:600}.invoice-meta-row{background:#faf9f6cc;border-top:1px solid #d4af37;border-bottom:1px solid #d4af37;justify-content:space-between;margin-bottom:25px;padding:12px 20px;display:flex}.customer-info h4{color:#888;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:11px}.customer-info p{color:#222;margin:4px 0;font-size:14px}.customer-info .c-name{color:#000;font-size:16px;font-weight:700}.invoice-table{border-collapse:collapse;width:100%;margin-bottom:30px}.invoice-table th{text-align:left;color:#555;background:#f8f9fa;border-top:2px solid #d4af37;border-bottom:2px solid #eee;padding:12px 10px;font-size:11px}.invoice-table th .bilingual{color:#999;margin-top:2px;font-size:10px;font-weight:400;display:block}.invoice-table td{vertical-align:top;border-bottom:1px solid #f0f0f0;padding:15px 10px;font-size:13px}.invoice-table .right{text-align:right}.summary-section{justify-content:space-between;align-items:flex-start;margin-top:20px;display:flex}.amount-in-words-box{background:#fdfbf5;border-left:3px solid #d4af37;border-radius:0 8px 8px 0;width:50%;padding:15px}.amount-in-words-box .label{color:#888;text-transform:uppercase;margin-bottom:5px;font-size:11px}.amount-in-words-box .words{color:#333;font-size:13px;font-weight:600;line-height:1.4}.totals-box{width:350px}.totals-row{color:#555;justify-content:space-between;padding:8px 10px;font-size:13px;display:flex}.totals-row.bold{color:#000;border-top:2px solid #eee;margin-top:5px;padding-top:15px;font-size:16px;font-weight:700}.invoice-footer{justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:40px;display:flex}.stamp-area{width:250px;position:relative}.stamp-circle{color:#5a7bafb3;text-align:center;pointer-events:none;border:2px solid #5a7baf66;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-60px;left:70px;transform:rotate(-15deg)}.signature-line{text-align:center;color:#666;text-transform:uppercase;letter-spacing:1px;border-top:1px solid #ccc;width:100%;padding-top:8px;font-size:11px}.footer-notes{text-align:right;color:#999;font-size:10px}.layout-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.mobile-header{z-index:900;background:#1a1a1a;border-bottom:1px solid #ffffff1a;align-items:center;padding:15px 20px;display:none}.menu-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.close-menu-btn{cursor:pointer;background:0 0;border:none;padding:0;display:none}.sidebar{z-index:1000;background:#1a1a1a;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:250px;padding:20px 0;transition:transform .3s;display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;background:#00000080;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}@media (width<=768px){.mobile-header{display:flex}.sidebar{width:80vw;max-width:320px;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open,.close-menu-btn{display:block}body.menu-open{overflow:hidden}.layout-container>div{flex-direction:column}.main-content{width:100%}}