*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#1a1d21;background:#f5f6f8}.app{display:flex;min-height:100vh}nav.sidebar{width:210px;padding:16px;background:#172033;color:#fff;display:flex;flex-direction:column;gap:6px}nav.sidebar .brand{font-weight:700;font-size:18px;margin-bottom:16px}nav.sidebar a{color:#c7d0e0;text-decoration:none;padding:7px 10px;border-radius:6px}nav.sidebar a:hover{background:#243149;color:#fff}nav.sidebar button{margin-top:auto}main.content{flex:1;padding:24px 32px;max-width:1100px}h1{font-size:22px}h2{font-size:17px}table{border-collapse:collapse;width:100%;background:#fff}th,td{border:1px solid #e2e5ea;padding:7px 10px;text-align:left;font-size:14px}th{background:#eef0f4}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}input,select,button,textarea{font:inherit;padding:7px 10px;border:1px solid #c9cdd4;border-radius:6px;background:#fff}button{cursor:pointer;background:#2454d6;color:#fff;border-color:#2454d6}button.secondary{background:#fff;color:#1a1d21;border-color:#c9cdd4}button.danger{background:#c22f2f;border-color:#c22f2f}button:disabled{opacity:.5;cursor:default}form.stack{display:flex;flex-direction:column;gap:10px;max-width:420px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.field{display:flex;flex-direction:column;gap:4px;font-size:13px}.error{color:#c22f2f}.cards{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0}.card{background:#fff;border:1px solid #e2e5ea;border-radius:8px;padding:14px 18px;min-width:150px}.card .big{font-size:22px;font-weight:700}.badge{padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600}.badge-draft{background:#e8eaee;color:#444}.badge-submitted{background:#fff3d6;color:#8a6100}.badge-approved{background:#dcf3e1;color:#14702e}.badge-rejected{background:#fadbdb;color:#a11c1c}.badge-paid{background:#dbe7fa;color:#1c46a1}.dropzone{border:2px dashed #b9c0cb;border-radius:8px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.receipt-preview{max-width:220px;max-height:220px;border-radius:6px}.ocr-info{background:#eef6ff;padding:8px 10px;border-radius:6px;font-size:13px}.login-page{max-width:360px;margin:12vh auto;background:#fff;padding:28px;border-radius:10px;border:1px solid #e2e5ea}.reimb-preview{font-weight:700}.muted{color:#69707b;font-size:13px}.money-input{width:90px;text-align:right}.qty-input{width:80px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){.app{flex-direction:column}nav.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 12px}nav.sidebar .brand{margin-bottom:0;margin-right:8px}nav.sidebar button{margin-top:0;margin-left:auto}main.content{padding:14px;max-width:100%}.row{flex-direction:column;align-items:stretch}.field,.field input,.field select,.money-input,.qty-input{width:100%}}