body{color:#1f2933;background:#f4f6f8;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}:root{--blue-dark:#2a4d8c;--blue:#3d6cb5;--blue-light:#e8f0fb;--blue-border:#b3c8e8;--orange:#e8622a;--orange-light:#fef0e9;--orange-border:#f5bca0}.app-shell{width:min(1100px,100% - 2rem);margin:2rem auto;padding:1.2rem}.app-header{background:linear-gradient(120deg, var(--blue-dark) 0%, var(--blue) 100%);border-radius:14px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.4rem;display:flex}.app-header-logo{background:#fff;border-radius:10px;flex-shrink:0;align-items:center;padding:.4rem .6rem;display:flex}.logo-img{width:auto;height:52px;display:block}.app-header-text h1{color:#fff;margin:0;font-size:1.3rem}.app-header-text p{color:#ffffffbf;margin:.3rem 0 0;font-size:.85rem}.api-panel{gap:.4rem;margin-bottom:1rem;display:grid}.tabs{gap:.5rem;margin-bottom:1rem;display:flex}.tabs button,button{border:1px solid var(--blue);background:var(--blue);color:#fff;cursor:pointer;border-radius:10px;padding:.55rem .85rem;font-weight:600;transition:background .15s,border-color .15s}.tabs button:hover,button:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.tabs button.active{background:var(--orange);border-color:var(--orange)}.tabs button.active:hover{background:#c9521f;border-color:#c9521f}button.outline{color:var(--blue);border-color:var(--blue);background:#fff}button.outline:hover{background:var(--blue-light)}button.danger{background:#c0392b;border-color:#c0392b}button.danger:hover{background:#96281b;border-color:#96281b}.card{border:1px solid var(--blue-border);background:#fff;border-radius:14px;padding:1rem}.card h2,.card h3{color:var(--blue-dark)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.form-grid label,.manager-tools label{color:var(--blue-dark);gap:.35rem;font-weight:600;display:grid}.full-row{grid-column:1/-1}input,select,textarea{border:1px solid var(--blue-border);font:inherit;border-radius:8px;padding:.55rem .65rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #3d6cb526}textarea{resize:vertical;min-height:90px}.form-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.session-banner{background:var(--blue-light);border:1px solid var(--blue-border);color:var(--blue-dark);border-radius:10px;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.8rem;padding:.6rem .8rem;display:flex}.balance{color:var(--orange);font-weight:700}.manager-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:1rem;display:grid}.meta{color:#5f6b75;font-size:.78rem}.actions{gap:.5rem;display:flex}table{border-collapse:collapse;width:100%;margin-top:.5rem}th{background:var(--blue-light);color:var(--blue-dark);font-weight:700}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #dde6f5;padding:.6rem}tr:hover td{background:#f5f8ff}.badge{text-transform:uppercase;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:700;display:inline-block}.badge.pending{background:var(--orange-light);color:#a0390e;border:1px solid var(--orange-border)}.badge.approved{background:var(--blue-light);color:var(--blue-dark);border:1px solid var(--blue-border)}.badge.rejected{color:#8f1d1d;background:#ffe3e3;border:1px solid #ffc9c9}.alert{border-radius:10px;margin-bottom:1rem;padding:.7rem .9rem;font-weight:600}.alert.error{color:#7f1d1d;background:#ffe3e3;border:1px solid #ffc9c9}.alert.success{background:var(--blue-light);color:var(--blue-dark);border:1px solid var(--blue-border)}@media (width<=768px){.app-header{flex-direction:column;align-items:flex-start;gap:.7rem}.form-grid,.manager-tools{grid-template-columns:1fr}.actions{flex-direction:column}}.org-tree{padding:.5rem 0;overflow-x:auto}.org-node{flex-direction:column;gap:.35rem;margin-bottom:.25rem;display:flex}.org-children{border-left:2px solid var(--blue-border);flex-direction:column;gap:.25rem;margin-top:.25rem;margin-left:20px;padding-left:12px;display:flex}.org-card{background:var(--blue-light);border:1px solid var(--blue-border);border-radius:10px;flex-direction:column;gap:.2rem;min-width:200px;max-width:320px;padding:.5rem .85rem;display:inline-flex}.org-card--manager{border-color:var(--blue);background:#eaf1fd}.org-card--hr{background:var(--orange-light);border-color:var(--orange-border)}.org-card-name{color:var(--blue-dark);font-size:.95rem;font-weight:700}.org-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.org-toggle{all:unset;cursor:pointer;color:var(--blue);border-radius:4px;flex-shrink:0;padding:0 .15rem;font-size:1rem;line-height:1}.org-toggle:hover{color:var(--blue-dark);background:var(--blue-light)}.org-card-team{color:var(--blue);font-size:.8rem;font-weight:600}.org-card-meta{align-items:center;gap:.5rem;display:flex}.org-card-id{color:#5f6b75;font-size:.78rem}.org-card-role{text-transform:uppercase;border-radius:999px;padding:.1rem .45rem;font-size:.72rem;font-weight:700;display:inline-block}.org-role--hr{background:var(--orange-light);color:#a0390e;border:1px solid var(--orange-border)}.org-role--employee{background:var(--blue-light);color:var(--blue-dark);border:1px solid var(--blue-border)}.org-empty{color:#5f6b75;font-style:italic}