html,body{background-color:#f8fafc;width:100%;margin:0;padding:0;border:none!important;outline:none!important}#root{width:100%;margin:0;padding:0;max-width:100%!important;box-shadow:none!important;border:none!important}*{border-color:#e5e7eb}:root{--primary:#0084c7;--success:#10b981;--danger:#ef4444;--bg:#f4f7f6;--text:#111}*{box-sizing:border-box;font-family:sans-serif}body{background:var(--bg);color:var(--text);margin:0;padding:16px}.container{background:#fff;border-radius:8px;max-width:1000px;margin:0 auto;padding:20px;box-shadow:0 2px 5px #0000001a}.header-wrapper{text-align:center;border-bottom:2px solid #eee;margin-bottom:25px;padding-bottom:15px}h2{color:#111;margin:0 0 5px;font-weight:700}.subtitle{color:#777;margin:0;font-size:14px}input,select,textarea{color:#111;background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:12px;padding:12px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none}.btn{text-align:center;color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-bottom:12px;padding:14px;font-size:14px;font-weight:700;transition:all .2s;display:block}.btn-primary{background:var(--primary)}.btn-danger{background:var(--danger)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.tabs{border-bottom:2px solid #eee;gap:8px;margin-bottom:20px;display:flex}.tab{text-align:center;cursor:pointer;color:#777;flex:1;padding:12px;font-weight:700}.tab.active{color:var(--primary);border-bottom:3px solid var(--primary)}.card{background:#fafafa;border:1px solid #eee;border-radius:8px;margin-bottom:16px;padding:16px}.box-total-anggaran{text-align:center;color:#0369a1;background:#e0f2fe;border-radius:8px;margin:16px 0;padding:16px;font-weight:700}