:root{--portal-bg:#1e1e1e;--panel-bg:#232323;--panel-alt:#2a2a2a;--text:#eaeaea;--secondary:#8BAD9D}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--portal-bg);color:var(--text)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;color:inherit;line-height:1}.app{display:flex}.sb{position:fixed;top:0;left:0;width:260px;height:100vh;overflow:hidden;z-index:30;background:#171717;border-right:1px solid rgba(255,255,255,.08);display:grid;grid-template-rows:auto 1fr auto;transition:width .18s ease-in-out}.sb__top{display:flex;align-items:center;gap:10px;padding:12px}.sb__burger{height:36px;width:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.sb__brand{flex:1;display:flex;align-items:center;justify-content:center}.sb__logo{width:100%;max-height:48px;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}.sb__nav{padding:8px 8px 0;display:flex;flex-direction:column;align-items:stretch;gap:6px}.sb__link{display:flex;align-items:center;gap:12px;height:36px;padding:0 10px;border-radius:8px;text-decoration:none;color:#eaeaea;background:transparent;border:1px solid transparent;transition:.15s;font-weight:600}.sb__link:hover{background:#ffffff0f;border-color:#ffffff14}.sb__link.is-active{background:var(--secondary);color:#000;border-color:var(--secondary)}.sb__link:visited{color:#eaeaea}.sb__icon{width:22px;text-align:center}.sb__label{font-weight:700;white-space:nowrap}.sb__bottom{margin-top:auto;padding:8px}.sb.collapsed{width:72px}.sb.collapsed .sb__label,.sb.collapsed .sb__brand{display:none}.main{margin-left:260px;height:100vh;padding:20px;color:#e5e7eb;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;width:100%}.sb.collapsed+.main{margin-left:72px}.header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;margin:0 0 14px;background:#1b1b1b;border-bottom:1px solid rgba(255,255,255,.08);border-radius:12px}.header__title{font-size:24px;font-weight:700;letter-spacing:.3px;color:#fff;margin:0}.header__left{display:flex;align-items:center;gap:12px}.header__logo{height:28px;object-fit:contain;opacity:.9;display:none}.sb.collapsed+.main .header__logo{display:block}.sb:not(.collapsed)+.main .header__logo{display:none}.header__right{display:flex;flex-direction:row;align-items:flex-end;justify-content:center}.header__user{position:relative;display:flex;flex-direction:column;align-items:flex-end}.header__userbtn{display:inline-flex;align-items:center;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;cursor:pointer;transition:all .15s ease}.header__userbtn:hover{background:#ffffff1a}.header__menu{position:absolute;right:0;top:46px;min-width:160px;z-index:20;background:#232323;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 20px 50px #0006}.header__menu a,.header__menu button{display:block;width:100%;text-align:left;padding:10px 12px;background:transparent;color:#fff;border:0;cursor:pointer}.header__menu a:hover,.header__menu button:hover{background:#ffffff14}.content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.filters-row{display:flex;flex-wrap:nowrap;gap:10px;padding:12px;margin:0 auto 14px;max-width:1280px;border-radius:16px;background:var(--panel-bg);border:1px solid rgba(255,255,255,.08);overflow:auto}.filter-group.v{display:flex;flex-direction:column;gap:6px;min-width:140px;flex:0 0 160px}.filter-group.v.small{flex:0 0 180px}.filter-group.v>label{font-size:12px;color:#cfcfcf}.filter-group.v .filter-input{height:36px;border-radius:10px;background:var(--panel-alt);color:#eaeaea;border:1px solid rgba(255,255,255,.12);padding:0 10px;width:100%}.filter-search.v{flex:1 1 360px;min-width:260px}.filter-search.v input{width:100%;height:36px;border-radius:10px;background:var(--panel-alt);color:#eaeaea;border:1px solid rgba(255,255,255,.12);padding:0 12px}.f-actions{display:flex;gap:10px;align-self:end}.btn{height:38px;padding:0 14px;border-radius:10px;border:1px solid #30363d;background:#262b31;color:#e5e7eb;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .02s ease}.btn:hover{background:#2b3138}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--secondary);border-color:var(--secondary);color:#0e1114;font-weight:700}.btn--primary:hover{filter:brightness(.96)}.btn--ghost{background:transparent;border-color:#40464f}.assignments-wrap{max-width:1280px;margin:0 auto;color:var(--text)}.table-card{position:relative;border-radius:16px;overflow:visible;border:1px solid rgba(255,255,255,.1);background:var(--panel-bg)}.table-head,.table-row{display:grid;gap:16px;align-items:center;padding:12px 16px;box-sizing:border-box}.table-head{background:#ffffff12;font-weight:700;letter-spacing:.3px;color:#f2f2f2;min-height:48px}.table-row{position:relative;border-top:1px solid rgba(255,255,255,.08);color:#e5e5e5;min-height:48px}.table-row.leftbar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;opacity:.95}.table-row.leftbar.yellow:before{background:#ffd166}.table-row.leftbar.green:before{background:#06d6a0}.table-row.leftbar.orange:before{background:#ff9f1c}.table-row.leftbar.red:before{background:#ef476f}.table-row.leftbar.gray:before{background:#a8a8a8}.table-head.center>*,.table-row.center>*{text-align:center;justify-self:center}.table-head.cols-5,.table-row.cols-5{grid-template-columns:1.5fr 2fr 120px 100px 160px}.table-head.cols-5>*:nth-child(3),.table-row.cols-5>*:nth-child(3),.table-head.cols-5>*:nth-child(4),.table-row.cols-5>*:nth-child(4),.table-head.cols-5>*:nth-child(5),.table-row.cols-5>*:nth-child(5){display:flex;justify-content:center;align-items:center}.table-head.cols-6,.table-row.cols-6{grid-template-columns:1.5fr 150px 2fr 120px 120px 120px}.table-head.cols-7,.table-row.cols-7{grid-template-columns:100px 180px 1.5fr 2fr 120px 150px 120px}.table-head.cols-8,.table-row.cols-8{grid-template-columns:70px 150px 1.5fr 1.5fr 140px 220px 150px 160px}.th-btn{display:inline-flex;align-items:center;justify-content:flex-start;height:32px;padding:0 8px;border-radius:8px;border:0;cursor:pointer;background:transparent;color:#f0f0f0;font-weight:700;text-align:left}.th-btn:hover{background:#ffffff1a}.th-btn .sort-ind{font-size:18px;opacity:.85;margin-left:6px}.badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.3px;background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.18)}.badge.yellow{background:#ffd166;color:#000;border-color:#ffd166}.badge.green{background:#06d6a0;color:#000;border-color:#06d6a0}.badge.orange{background:#ff9f1c;color:#000;border-color:#ff9f1c}.badge.red{background:#ef476f;color:#fff;border-color:#ef476f}.badge.gray{background:#a8a8a8;color:#000;border-color:#a8a8a8}.btn-icon{display:inline-flex;align-items:center;justify-content:center;height:34px;width:38px;border-radius:10px;border:0;cursor:pointer;margin-left:6px;color:#000;font-weight:700}.btn-icon .material-symbols-outlined{color:inherit}.btn-icon.accept{background:#06d6a0}.btn-icon.reject{background:#ef476f;color:#fff}.btn-icon.info{background:#8bad9d}.veh-info{position:relative;display:flex;align-items:center;gap:8px;justify-content:center}.veh-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.veh-info-btn{height:22px;width:22px;border-radius:999px;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.18);cursor:pointer;font-weight:700;line-height:1}.veh-info-btn:hover{background:#fff3}.veh-popover{position:absolute;top:120%;left:50%;transform:translate(-50%);z-index:60;min-width:220px;padding:10px 12px;border-radius:12px;background:#232323;color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px #00000073}.veh-popover ul{margin:8px 0 0 16px;padding:0}.veh-popover li{margin:2px 0}.pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:12px 0 0;padding:8px 2px}.pg-btn{min-width:36px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;cursor:pointer}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-label{margin:0 6px;color:#cfcfcf}.modal{position:fixed;inset:0;z-index:100}.modal__backdrop{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal__card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,92vw);border-radius:16px;background:#232323;color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px #0000008c}.modal__hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.modal__hdr h3{margin:0;font-size:18px}.modal__close{height:32px;width:32px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer}.modal__body{padding:16px}.modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.modal__sep{border:0;height:1px;background:#ffffff1a;margin:12px 0}.modal__list{margin:0;padding-left:18px}.modal__ftr{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.1)}.flatpickr-input,.filters-row input[type=text].flatpickr-input{cursor:pointer}.flatpickr-calendar{background:#232323;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px #00000080;color:#eaeaea}.flatpickr-months .flatpickr-month,.flatpickr-weekdays{background:#2a2a2a;color:#eaeaea}.flatpickr-day{color:#eaeaea}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.prevMonthDay.inRange{background:#8bad9d40;border-color:#8bad9d40}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:var(--secondary);color:#000;border-color:var(--secondary)}.flatpickr-day:hover{background:#ffffff1f}.flatpickr-current-month input.cur-year{color:#eaeaea}.flatpickr-time input,.flatpickr-time .numInputWrapper span.arrowUp:after,.flatpickr-time .numInputWrapper span.arrowDown:after{color:#eaeaea}@media (max-width:1100px){.table-head.cols-8,.table-row.cols-8{grid-template-columns:70px 140px 1.2fr 1.2fr 130px 200px 140px 150px}}@media (max-width:760px){.table-head,.table-row{grid-template-columns:80px 1fr 1fr}.table-head>:nth-child(n+4),.table-row>:nth-child(n+4){display:none}}:root{--sb-open: 260px;--sb-closed: 76px}.app{--sb-w: var(--sb-open)}.app.is-collapsed{--sb-w: var(--sb-closed)}.sb{width:var(--sb-w);transition:width .18s ease-in-out;overflow:visible}.app.is-collapsed .sb{overflow:hidden}.sb__brand{display:flex;align-items:center;justify-content:center;padding:8px}.sb__logo{width:100%;object-fit:contain}.app.is-collapsed .sb__brand{display:none}.sb__link{display:flex;align-items:center;gap:12px;white-space:nowrap}.sb__label{white-space:nowrap;transition:opacity .15s ease,width .15s ease}.app.is-collapsed .sb__label{opacity:0;width:0;overflow:hidden;pointer-events:none}.app.is-collapsed .sb__link{justify-content:center;gap:0}.main{margin-left:var(--sb-open);transition:margin-left .18s ease-in-out}.app.is-collapsed .main{margin-left:var(--sb-closed)}.header__logo{display:none;height:28px;object-fit:contain;opacity:.95}.app.is-collapsed .header__logo{display:block}.header__right{position:relative}.header__user{position:relative;z-index:110}.header__menu{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;background:#232323;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 16px 40px #00000073;z-index:120}.header__menu a,.header__menu button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;background:transparent;color:#fff;cursor:pointer}.header__menu a:hover,.header__menu button:hover{background:#ffffff0f}.header{width:100%}.assignments-wrap{width:100%;max-width:none}.select,.modal select,.filters select{appearance:none;-webkit-appearance:none;height:38px;padding:0 36px 0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:var(--panel-alt, #2a2a2a);color:#eaeaea;outline:none;transition:border-color .15s ease,box-shadow .15s ease;font:inherit}.select:focus,.modal select:focus,.filters select:focus{border-color:var(--secondary,#8BAD9D);box-shadow:0 0 0 3px #8bad9d33}.select,.modal select,.filters select{background-image:linear-gradient(45deg,transparent 50%,#cfcfcf 50%),linear-gradient(135deg,#cfcfcf 50%,transparent 50%);background-position:calc(100% - 20px) 16px,calc(100% - 14px) 16px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}select option{background:var(--panel-alt, #2a2a2a);color:#eaeaea}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--panel-bg, #232323);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text, #eaeaea)}.modal-close{background:none;border:none;color:var(--text, #eaeaea);cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.modal-close:hover{background:#ffffff1a}.modal-body{padding:24px;flex:1;overflow-y:auto}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:var(--text, #eaeaea)}.form-group input,.form-group select,.form-group textarea{height:40px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:var(--panel-alt, #2a2a2a);color:var(--text, #eaeaea);font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary, #8BAD9D);box-shadow:0 0 0 3px #8bad9d33}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group textarea{height:80px;resize:vertical;padding:12px}.error-message{font-size:12px;color:#ef4444;margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text, #eaeaea)}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer}.checkmark{position:relative}@media (max-width: 768px){.modal-content{margin:10px;max-height:calc(100vh - 20px)}.form-grid,.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}