.leave-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:690px;overflow:hidden;border:1px solid #cad9e4;border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(7,39,68,.07)}.leave-tree{border-right:1px solid #cad9e4;background:#eef4f8}.leave-tree>header{padding:16px;border-bottom:1px solid #cad9e4}.leave-tree>header span,.leave-view-head span{color:#56788f;font-size:9px;font-weight:950;letter-spacing:.1em}.leave-tree h3{margin:4px 0 0;font-size:17px}.leave-tree nav{padding:8px}.leave-folder{border-bottom:1px solid #d2dfe7}.leave-folder>button{display:grid;grid-template-columns:18px 20px 1fr;align-items:center;width:100%;min-height:55px;padding:8px;border:0;background:transparent;color:#123d5b;text-align:left;cursor:pointer}.leave-folder>button:hover{background:#dfebf3}.leave-folder>button>i{font-size:18px;font-style:normal;transition:transform .15s}.leave-folder.open>button>i{transform:rotate(90deg)}.folder-icon{position:relative;width:16px;height:12px;border-radius:2px;background:#176da8}.folder-icon:before{position:absolute;top:-4px;left:2px;width:8px;height:5px;border-radius:2px 2px 0 0;background:#176da8;content:""}.leave-folder>button span,.leave-folder>button small{display:block}.leave-folder>button span{font-size:12px;font-weight:900}.leave-folder>button small{margin-top:3px;color:#6b8293;font-size:8px}.leave-folder>div{display:none;padding:0 0 8px 42px}.leave-folder.open>div{display:block}.leave-folder>div button{display:block;width:100%;padding:8px 9px;border:0;border-left:1px solid #a9bfce;background:transparent;color:#36566c;text-align:left;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.leave-folder>div button:hover,.leave-folder>div button.active{border-left:3px solid #176da8;background:#d9e9f3;color:#0b4f7b}.leave-detail{min-width:0}.leave-employee-bar{display:grid;grid-template-columns:minmax(300px,520px) 1fr;align-items:end;gap:15px;padding:12px 16px;border-bottom:1px solid #cad9e4;background:#e4eff6}.leave-employee-bar label{display:grid;gap:5px;color:#36566c;font-size:9px;font-weight:900}.leave-employee-bar select,.leave-entry-form select,.leave-entry-form input,.leave-entry-form textarea{width:100%;min-height:36px;padding:7px 9px;border:1px solid #a9bfce;border-radius:4px;background:#fff;color:#17364d;font:inherit;font-size:11px}.leave-employee-bar>div b,.leave-employee-bar>div span{display:block}.leave-employee-bar>div{color:#6b8293;font-size:10px}.leave-employee-bar>div b{color:#17364d;font-size:12px}.leave-employee-bar>div span{margin-top:3px}.leave-view{min-height:610px}.leave-welcome{display:grid;min-height:610px;place-items:center;align-content:center;text-align:center}.leave-welcome img{width:230px;max-height:180px;object-fit:contain}.leave-welcome span{margin-top:14px;color:#52748b;font-size:10px;font-weight:950;letter-spacing:.1em}.leave-welcome p{color:#718798;font-size:11px}.leave-view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid #cad9e4;background:linear-gradient(#edf4f8,#deebf2)}.leave-view-head h3{margin:3px 0;font-size:19px}.leave-view-head p{margin:0;color:#617b8d;font-size:10px}.leave-view-head button,.leave-form-actions button{min-height:34px;padding:0 12px;border:1px solid #0d6198;border-radius:4px;background:#176da8;color:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.leave-balance-list{display:grid;gap:9px;padding:14px}.leave-balance-list article{overflow:hidden;border:1px solid #cbd9e3;border-radius:5px;background:#fff}.leave-balance-list article>header{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #d5e1e8;background:#f3f7f9}.leave-balance-list article>header span,.leave-balance-list article>header b{display:block}.leave-balance-list article>header span{color:#607b8e;font-size:8px;font-weight:900;text-transform:uppercase}.leave-balance-list article>header b{margin-top:3px;font-size:11px}.leave-balance-list article em{padding:4px 7px;border-radius:3px;background:#edf1f4;color:#657d8e;font-size:8px;font-style:normal;font-weight:900}.leave-balance-list article em.current{background:#e4f4eb;color:#147542}.leave-balance-list article>div{display:grid;grid-template-columns:repeat(3,1fr)}.leave-balance-list article>div>span{padding:10px 12px;border-right:1px solid #dde6ec}.leave-balance-list article>div>span:last-child{border:0}.leave-balance-list small,.leave-balance-list b{display:block}.leave-balance-list small{color:#6d8393;font-size:8px}.leave-balance-list b{margin-top:3px;font-size:15px}.leave-balance-list .balance b{color:#116b45}.leave-entry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:16px 18px}.leave-entry-form label{display:grid;gap:5px;color:#36566c;font-size:9px;font-weight:900}.leave-entry-form .wide{grid-column:1/-1}.leave-entry-form textarea{resize:vertical}.leave-form-actions{display:flex!important;align-items:center;justify-content:space-between;gap:15px;padding-top:4px;color:#6a8192!important}.leave-table-wrap{margin:14px;overflow:auto;border:1px solid #cbd9e3}.leave-table-wrap table{width:100%;border-collapse:collapse;font-size:9px}.leave-table-wrap th{padding:8px;background:#e1ecf3;color:#29485d;text-align:left}.leave-table-wrap td{padding:8px;border-top:1px solid #dfe8ed;color:#466174}.leave-status{padding:3px 6px;border-radius:3px;background:#e8f2f9;color:#0d6298;font-weight:900}.leave-empty{display:grid;min-height:230px;place-items:center;padding:30px;color:#6e8495;text-align:center;font-size:11px}@media(max-width:850px){.leave-workspace{grid-template-columns:1fr}.leave-tree{border-right:0;border-bottom:1px solid #cad9e4}.leave-employee-bar{grid-template-columns:1fr}.leave-entry-form{grid-template-columns:1fr}.leave-entry-form .wide{grid-column:auto}}