.app-root[data-v-28f0b446]{min-height:100vh}.topbar-accent[data-v-28f0b446]{z-index:60;background:linear-gradient(90deg,#00d4ff 0%,#22d3ee 45%,#0b3a6b 100%);height:3px;position:sticky;top:0;box-shadow:0 0 14px #00d4ff73}.topbar[data-v-28f0b446]{border-bottom:1px solid var(--line);z-index:55;background:#fff;position:sticky;top:3px;box-shadow:0 2px 10px #0a25400d}.topbar-inner[data-v-28f0b446]{align-items:center;gap:18px;min-height:62px;padding-top:8px;padding-bottom:8px;display:flex}.topbar-branded .topbar-inner[data-v-28f0b446]{min-height:72px;padding-top:10px;padding-bottom:10px}.brand[data-v-28f0b446]{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-logo[data-v-28f0b446]{object-fit:contain;filter:drop-shadow(0 2px 6px #0b3a6b33);width:46px;height:46px}.brand-logo-company[data-v-28f0b446]{width:auto;max-width:240px;height:64px}.brand-text[data-v-28f0b446]{flex-direction:column;line-height:1.1;display:flex}.brand-name[data-v-28f0b446]{color:var(--navy-900,#0a2540);letter-spacing:.5px;font-size:15px;font-weight:700}.brand-sub[data-v-28f0b446]{color:#94a3b8;letter-spacing:2px;margin-top:2px;font-size:11px}nav[data-v-28f0b446]{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}nav a[data-v-28f0b446]{color:#4b5563;white-space:nowrap;border-radius:8px;padding:7px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s}nav a[data-v-28f0b446]:hover{color:var(--navy-800,#0b3a6b);background:#f1f5f9}nav a.router-link-active[data-v-28f0b446]{color:var(--navy-800,#0b3a6b);background:#00d4ff1f;font-weight:600}.badge-count[data-v-28f0b446]{text-align:center;color:#fff;vertical-align:middle;background:#ef4444;border-radius:999px;min-width:18px;height:18px;margin-left:4px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;display:inline-block}.user-area[data-v-28f0b446]{white-space:nowrap;align-items:center;gap:10px;display:flex}.avatar[data-v-28f0b446]{color:#fff;background:linear-gradient(135deg,#0b3a6b 0%,#0e5a9c 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #0b3a6b40}.user-name[data-v-28f0b446]{color:var(--navy-900,#0a2540);text-overflow:ellipsis;max-width:120px;font-size:14px;font-weight:600;overflow:hidden}.account-link[data-v-28f0b446]{color:#6b7280;border-radius:6px;padding:4px 8px;font-size:13px;transition:background .15s,color .15s}.account-link[data-v-28f0b446]:hover{color:var(--navy-800,#0b3a6b);background:#f1f5f9}.account-link.router-link-active[data-v-28f0b446]{color:var(--navy-800,#0b3a6b);background:#00d4ff1a;font-weight:600}.logout-btn[data-v-28f0b446]{padding:6px 14px}@media (width<=860px){.topbar-inner[data-v-28f0b446]{flex-wrap:wrap;gap:10px}.brand-sub[data-v-28f0b446],.user-name[data-v-28f0b446]{display:none}nav[data-v-28f0b446]{order:3;width:100%}}:root{--navy-900:#0a2540;--navy-800:#0b3a6b;--navy-700:#0e5a9c;--navy-600:#1565a8;--cyan:#00d4ff;--cyan-2:#22d3ee;--cyan-soft:#00d4ff1f;--ink:#0a2540;--text:#1f2937;--muted:#6b7280;--muted-2:#9ca3af;--line:#e5e7eb;--line-soft:#eef2f7;--bg:#f3f4f6;--card:#fff;--radius:12px;--radius-sm:10px;--shadow-xs:0 1px 2px #0a25400d;--shadow-sm:0 1px 3px #0a254014, 0 1px 2px #0a25400d;--shadow-md:0 6px 18px #0a254014, 0 1px 3px #0a25400d;--shadow-lg:0 16px 40px #0a25401f, 0 2px 6px #0a25400f;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.55}*{box-sizing:border-box}body{background-color:#0000;background-image:radial-gradient(1200px 600px at 100% -10%,#00d4ff0d,#0000 60%),radial-gradient(1000px 500px at -10% 110%,#0b3a6b0d,#0000 60%),linear-gradient(#f4f6f9 0%,#eef2f7 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;min-height:100vh;margin:0}a{color:var(--navy-700);text-decoration:none;transition:color .15s}a:hover{color:var(--cyan-2)}button,input,select,textarea{font:inherit}h1{color:var(--ink);letter-spacing:.2px;margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.3}h2{color:var(--ink);margin:0 0 10px;font-size:17px;font-weight:700}h3{color:var(--ink);margin:0 0 8px;font-size:15px;font-weight:600}.container{max-width:1600px;margin:0 auto;padding:18px 22px 40px}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);padding:22px 24px}.btn{border-radius:var(--radius-sm);cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--navy-800) 0%, var(--navy-700) 100%);white-space:nowrap;border:none;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 4px 12px #0b3a6b2e}.btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 8px 18px #0b3a6b42}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #00d4ff40,0 4px 12px #0b3a6b2e}.btn.secondary{color:var(--navy-800);box-shadow:var(--shadow-xs);background:#f1f5f9;border:1px solid #e2e8f0}.btn.secondary:hover:not(:disabled){box-shadow:var(--shadow-sm);filter:none;background:#e7eef5;border-color:#d6e0ec}.btn.danger{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 4px 12px #dc26262e}.btn.danger:hover:not(:disabled){box-shadow:0 8px 18px #dc262642}.btn.small{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--ink);font-size:13px;font-weight:600}.field input,.field select,.field textarea{border-radius:var(--radius-sm);color:var(--text);background:#fff;border:1px solid #d1d5db;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #00d4ff26}.field textarea{resize:vertical;min-height:80px}.error{color:#dc2626;font-size:14px}.muted{color:var(--muted);font-size:14px}.badge{letter-spacing:.2px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.submitted{color:#166534;background:#dcfce7}.badge.late{color:#92400e;background:#fef3c7}.badge.missing{color:#991b1b;background:#fee2e2}.badge.pending{color:#3730a3;background:#e0e7ff}.badge.non_report_day{color:#4b5563;background:#f3f4f6}.badge.draft{color:#374151;background:#e5e7eb}.badge.pending_review{color:#92400e;background:#fef3c7}.badge.published{color:#166534;background:#dcfce7}.badge.rejected{color:#991b1b;background:#fee2e2}.badge.internal,.badge.external{color:#3730a3;background:#e0e7ff}.badge.customer{color:#92400e;background:#fef3c7}.badge.planned{color:#1e40af;background:#dbeafe}table{border-collapse:collapse;width:100%}thead th{color:var(--muted);letter-spacing:.3px;text-align:left;border-bottom:1px solid var(--line);background:#f8fafc;padding:11px 10px;font-size:12px;font-weight:600}tbody td{text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top;padding:12px 10px;font-size:14px}tbody tr{transition:background .12s}tbody tr:hover{background:#f8fafc}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8 padding-box padding-box}::-webkit-scrollbar-track{background:0 0}@media (width<=640px){.hide-mobile{display:none}.container{padding:12px 14px 32px}h1{font-size:20px}}