.tpa-portal{max-width:880px;margin:20px auto;padding:0 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#07152f}.tpa-head{background:#213b63;color:#fff;border-radius:20px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 30px rgba(18,38,70,.12)}.tpa-head small{opacity:.85}.tpa-head h2{margin:5px 0;font-size:28px;color:#fff}.tpa-head p{margin:0}.bell{position:relative;background:rgba(255,255,255,.14);border-radius:14px;padding:14px;font-size:22px}.bell span,.tpa-tabs em{position:absolute;background:#ff3366;color:white;border-radius:999px;padding:2px 7px;font-size:13px;font-style:normal}.bell span{right:-7px;top:-9px}.logout{text-align:right;margin:8px 0}.logout button{border:0;background:transparent;color:#47638f;text-decoration:underline}.tpa-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.tpa-actions button,.tpa-form button,.tpa-slip button,.tpa-login button{border:0;border-radius:14px;background:#1677ff;color:#fff;font-weight:800;padding:16px 12px;font-size:16px;text-transform:uppercase}.tpa-actions .orange{background:#f59a00}.tpa-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tpa-stats div,.tpa-card-list,.tpa-panel,.tpa-login,.tpa-slip{background:#fff;border:1px solid #dbe5f5;border-radius:18px;padding:16px;margin:14px 0;box-shadow:0 8px 24px rgba(18,38,70,.06)}.tpa-stats b{display:block;text-align:center;font-size:30px;color:#1677ff}.tpa-stats span{display:block;text-align:center;color:#314669}.tpa-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.tpa-tabs button{position:relative;border:1px solid #d7e6ff;background:#eef5ff;color:#075ac9;border-radius:999px;padding:11px 17px;font-weight:800}.tpa-tabs em{top:-8px;right:-8px}.tpa-panel{display:none}.tpa-panel.is-open{display:block}.tpa-form label,.tpa-login label{display:block;font-weight:700;margin:10px 0}.tpa-form input,.tpa-form select,.tpa-form textarea,.tpa-login input,.tpa-order input{width:100%;box-sizing:border-box;border:1px solid #cbd7ea;border-radius:11px;padding:12px;margin-top:5px}.tpa-order{border:1px solid #dbe5f5;background:#f8fbff;border-radius:15px;padding:14px;margin:10px 0}.tpa-order b{font-size:17px}.tpa-order .st{float:right;border-radius:999px;padding:4px 10px;font-size:12px}.st.pending{background:#fff4ce}.st.approved{background:#dbf8e7;color:#087a38}.st.rejected{background:#ffe0e0;color:#b00020}.tpa-order form.inline{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.tpa-order button{border:0;border-radius:12px;color:#fff;font-weight:800;padding:12px 14px}.approve{background:#16a34a}.reject{background:#ef4444}.tpa-note{margin:9px 0}.tpa-note button{text-align:left;width:100%;border:0;border-radius:14px;background:#f3f7ff;padding:13px;color:#07152f}.tpa-note.unread button{background:#eaf2ff;border-left:5px solid #1677ff}.tpa-note b,.tpa-note span,.tpa-note small{display:block}.tpa-note small{color:#60708e;margin-top:7px}.slip-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #e5edf8;padding-top:10px}.slip-grid b{text-align:right}.slip-grid .net{font-size:20px;color:#087a38}.tpa-alert{padding:12px;border-radius:12px;margin:10px 0}.tpa-alert.error{background:#ffecec;color:#b00020}.tpa-login{max-width:420px}.tpa-login button{width:100%}
@media(max-width:640px){.tpa-portal{padding:0 10px}.tpa-head{border-radius:18px;padding:16px}.tpa-head h2{font-size:24px}.tpa-actions button{padding:14px 10px;font-size:14px}.tpa-actions{gap:10px}.tpa-stats div{padding:14px 10px}.tpa-card-list,.tpa-panel,.tpa-slip{padding:14px}.tpa-order form.inline{grid-template-columns:1fr}.tpa-tabs button{padding:10px 14px}.slip-grid{font-size:14px}}
@media print{body *{visibility:hidden}.tpa-slip,.tpa-slip *{visibility:visible}.tpa-slip{position:absolute;left:0;top:0;width:100%;box-shadow:none;border:0}}