:root{--bg: #fdf6e3;--primary: #8b7355;--accent: #5c4827;--paper: #fffdf5;--line: #e8ddc7;--danger: #a4453a;--shadow: 0 2px 10px rgba(92, 72, 39, .08), 0 1px 3px rgba(92, 72, 39, .06);--font-serif: "Noto Serif TC", serif;--font-ui: system-ui, -apple-system, "Segoe UI", "Microsoft JhengHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(rgba(139,115,85,.045) 1px,transparent 1px);background-size:22px 22px;color:var(--accent);font-family:var(--font-ui);font-size:15px;line-height:1.7}h1,h2,h3,.serif{font-family:var(--font-serif)}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;padding:28px 18px;border-right:1px solid var(--line);background:#fffdf599;display:flex;flex-direction:column;gap:6px}.sidebar .brand{font-family:var(--font-serif);font-size:19px;font-weight:700;margin-bottom:22px;letter-spacing:1px}.sidebar a{display:block;padding:9px 14px;border-radius:10px;color:var(--primary);text-decoration:none}.sidebar a.active,.sidebar a:hover{background:#8b73551f;color:var(--accent)}.sidebar .spacer{flex:1}.sidebar .user-box{font-size:13px;color:var(--primary);padding:0 14px}.main{flex:1;padding:34px 42px;max-width:1060px}.card{background:var(--paper);border-radius:14px;box-shadow:var(--shadow);padding:24px 28px;margin-bottom:22px}.card h2{font-size:18px;margin-bottom:14px}textarea,input[type=text],input[type=email],input[type=password],select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-family:var(--font-ui);font-size:15px;color:var(--accent);background:#fffefa;outline:none}textarea:focus,input:focus,select:focus{border-color:var(--primary)}textarea{resize:vertical;min-height:120px;line-height:1.8}label{display:block;font-size:13px;color:var(--primary);margin-bottom:5px}button{font-family:var(--font-ui);font-size:14px;border:none;border-radius:10px;padding:9px 20px;cursor:pointer;transition:opacity .15s}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fffdf5}.btn-primary:hover:not(:disabled){background:var(--accent)}.btn-ghost{background:transparent;color:var(--primary);border:1px solid var(--line)}.btn-ghost:hover:not(:disabled){border-color:var(--primary)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}.seg button{border-radius:0;background:transparent;color:var(--primary);padding:10px 26px;font-size:15px;font-family:var(--font-serif)}.seg button+button{border-left:1px solid var(--line)}.seg button.active{background:var(--primary);color:#fffdf5}.muted{color:var(--primary);font-size:13px}.error-text{color:var(--danger);font-size:13px}.thumb-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.thumb{position:relative;width:90px;height:90px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb button{position:absolute;top:3px;right:3px;width:20px;height:20px;padding:0;border-radius:50%;background:#5c4827d9;color:#fff;font-size:12px;line-height:1}.chip{display:inline-flex;align-items:center;gap:6px;background:#8b735521;border-radius:999px;padding:3px 12px;font-size:13px;margin:3px 4px 3px 0}.chip button{padding:0 2px;background:none;color:var(--danger);font-size:13px}.draft-view{font-family:var(--font-serif);font-size:16px;white-space:pre-wrap;line-height:2}.cursor-blink:after{content:"▍";animation:blink 1s step-end infinite;color:var(--primary)}@keyframes blink{50%{opacity:0}}table.doc-table{width:100%;border-collapse:collapse}table.doc-table th,table.doc-table td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);font-size:14px}table.doc-table th{color:var(--primary);font-weight:500;font-size:13px}table.doc-table tr:hover td{background:#8b73550d;cursor:pointer}.status-badge{display:inline-block;border-radius:999px;padding:2px 12px;font-size:12px;background:#8b73551f}.status-approved{background:#4c7a4c26;color:#3c6b3c}.status-pending{background:#c4943a2e;color:#8a6314}.status-returned{background:#a4453a24;color:var(--danger)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:380px}.login-card h1{text-align:center;font-size:22px;margin-bottom:6px}.login-card .sub{text-align:center;margin-bottom:24px}.login-card form{display:flex;flex-direction:column;gap:14px}