:root{--bg: #f3f4f6;--card: #ffffff;--text: #212529;--muted: #6c757d;--line: #e5e7eb;--primary: #0d6efd;--success: #198754;--warning: #ffc107;--danger: #dc3545;--teal: #0aa2c0;--info: #cff4fc;--info-text: #055160;--pending: #fff3cd;--pending-text: #664d03;--shadow: 0 1px 2px rgba(16, 24, 40, .06);--radius: 8px;--header-h: 64px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit}.page{min-height:100vh}.header{height:var(--header-h);background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.header h1{margin:0;font-size:18px;font-weight:700}.header-user{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.badge{display:inline-flex;align-items:center;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.badge-admin{background:var(--danger)}.badge-user{background:#0dcaf0;color:#055160}.btn{border:0;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 14px}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-muted{background:#6c757d;color:#fff}.btn-primary{background:var(--primary);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#212529}.btn-danger{background:var(--danger);color:#fff}.btn-teal{background:var(--teal);color:#fff;display:inline-flex;align-items:center;gap:8px}.btn-block{width:100%}.content{max-width:860px;margin:0 auto;padding:24px 16px 48px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{background:transparent;border:0;border-bottom:2px solid transparent;color:#6b7280;cursor:pointer;margin-bottom:-1px;padding:10px 14px}.tab.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.card{background:var(--card);border:1px solid #edf0f2;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px 24px}.card+.card{margin-top:16px}.card h2{font-size:22px;margin:0 0 14px}.nested{background:#fbfcfd;border:1px solid #eef1f4;border-radius:8px;padding:16px;margin:14px 0}.nested h3{font-size:16px;margin:0 0 12px}.field{margin-bottom:14px}.field label{display:block;font-size:14px;margin-bottom:6px}.req{color:#dc3545}.hint{color:var(--muted);font-size:12px;margin-top:4px}.control,.select,.textarea{width:100%;background:#fff;border:1px solid #ced4da;border-radius:6px;padding:8px 12px}.control:focus,.select:focus,.textarea:focus{border-color:#86b7fe;box-shadow:0 0 0 3px #0d6efd2e;outline:none}.textarea{min-height:92px;resize:vertical}.radio-row{display:flex;gap:18px;padding-top:4px}.radio-row label{display:flex;align-items:center;gap:6px;margin:0}.alert{border-radius:6px;padding:12px 14px;margin-bottom:16px}.alert-pending{background:var(--pending);color:var(--pending-text)}.alert-info{background:var(--info);color:var(--info-text)}.alert-info .btn{margin-bottom:8px}.dl{display:grid;grid-template-columns:220px 1fr;gap:8px 16px;margin:0}.dl dt{color:#374151;font-weight:600}.dl dd{margin:0}.hr{border:0;border-top:1px solid var(--line);margin:16px 0}.actions{display:flex;gap:12px;margin-top:8px}.actions .btn{flex:1;min-height:44px}.id-box{background:#e7f5ff;border-radius:8px;padding:14px 16px;margin:8px 0 16px}.id-box strong{display:block;margin-bottom:6px}.id-value{color:var(--primary);font-weight:700}.login-wrap{min-height:calc(100vh - var(--header-h));display:flex;align-items:flex-start;justify-content:center;padding-top:56px}.login-card{width:100%;max-width:460px}.demo{background:#f8fafc;border-radius:8px;color:#475569;font-size:13px;margin-top:16px;padding:12px 14px}.demo code{background:#eef2f7;border-radius:4px;padding:1px 5px}.toast{position:fixed;right:20px;top:80px;z-index:30;border-radius:8px;color:#fff;max-width:360px;padding:12px 14px;box-shadow:0 8px 20px #0000001f}.toast-success{background:#198754}.toast-error{background:#dc3545}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:40}.modal{background:#fff;border-radius:10px;width:min(520px,100%);padding:20px}.modal h3{margin:0 0 12px}.reader{overflow:hidden;border-radius:8px;min-height:240px;background:#111}.approval{border:1px solid var(--line);border-radius:8px;padding:14px}.approval+.approval{margin-top:12px}.muted{color:var(--muted)}.section-title{font-size:15px;font-weight:600;margin:4px 0 12px}@media(max-width:720px){.header{padding:0 14px}.header h1{font-size:15px}.dl{grid-template-columns:1fr;gap:2px}.actions{flex-direction:column}.tabs{overflow-x:auto}}