:root{--color-primary:#1c244b;--color-secondary:#f3f5f8;--color-text:#324a6d;--color-accent:#247da8;--color-accent-light:#20b9e1;--color-white:#fff;--color-light-gray:#f9fafd;--color-border:#c8d5dc;--font-family:"Calibri","Segoe UI",Tahoma,Geneva,Verdana,sans-serif}[data-theme=dark]{--color-primary:#e2e8f0;--color-secondary:#000;--color-text:#a0aec0;--color-accent:#4fc3f7;--color-accent-light:#81d4fa;--color-white:#050508;--color-light-gray:#0a0a10;--color-border:#252530}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{height:100vh;overflow:hidden;overscroll-behavior:none}body{background-color:var(--color-secondary);color:var(--color-text);font-family:var(--font-family);font-weight:300;line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{background:var(--color-white);box-shadow:0 3px 9px #0000001a;color:var(--color-primary);flex-shrink:0;justify-content:space-between;padding:24px 4%;z-index:100}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:60px}.site-logo{align-items:center;display:flex}.site-logo img{height:54px;width:auto}.app-title{color:var(--color-primary);font-size:30px;font-weight:600}.main-nav{align-self:flex-end;display:flex;gap:0;margin-bottom:-24px}.nav-link{border-bottom:4px solid transparent;color:var(--color-text);font-size:26px;font-weight:500;opacity:.5;padding:0 20px 12px;text-decoration:none;transition:color .2s ease,opacity .2s ease}.nav-link:hover{color:#1090c0;opacity:1}.nav-link.active{border-bottom-color:var(--color-accent);color:var(--color-primary);opacity:1}.nav-link.nav-link-special{margin-left:60px}.nav-badge{align-items:center;background:#dc3545;border-radius:11px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;height:22px;justify-content:center;margin-left:8px;min-width:22px;padding:0 6px;vertical-align:middle}.action-buttons{align-items:center;display:flex;gap:6px;min-width:84px}.actions-wrap{min-width:84px}.sub-nav{background:var(--color-white);border-bottom:1px solid var(--color-border);box-shadow:0 3px 9px #0000001a;flex-shrink:0;z-index:70}.sub-nav-inner{align-items:center;display:flex;justify-content:space-between;padding:0 36px}.sub-nav-links{display:flex;gap:0}.sub-nav-link{align-items:center;border-bottom:3px solid transparent;color:var(--color-text);cursor:pointer;display:flex;font-size:21px;font-weight:500;gap:8px;opacity:.6;padding:16px 24px 8px;text-decoration:none;transition:all .2s ease}.sub-nav-link:hover{color:var(--color-accent);opacity:1}.sub-nav-link.active{border-bottom-color:var(--color-accent);color:var(--color-primary);opacity:1}.header-actions{align-items:center;display:flex;gap:12px}.user-info{font-size:21px;font-weight:400;gap:8px}.refresh-button,.user-info{align-items:center;color:var(--color-text);display:flex}.refresh-button{background:none!important;border:none!important;cursor:pointer;justify-content:center;opacity:.6;padding:8px!important;transition:opacity .2s ease,color .2s ease}.refresh-button:hover{color:var(--color-accent)!important;opacity:1}.app-main{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;width:100%}.loading{align-items:center;color:var(--color-text);display:flex;flex:1;justify-content:center;min-height:60vh;padding:24px 48px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:5px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.access-denied{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.access-denied h2{color:var(--color-primary);font-size:28px;margin-bottom:12px}.access-denied p{margin-bottom:24px}.access-denied p,.empty-state{color:var(--color-text);font-size:21px}.empty-state{background:var(--color-white);border-radius:15px;box-shadow:0 3px 15px #0000000d;padding:72px;text-align:center}.empty-state.small{background:none;border-radius:0;box-shadow:none;font-size:15px;padding:24px}.login-prompt{align-items:center;display:flex;justify-content:center;min-height:60vh}.login-card{background:var(--color-white);border-radius:15px;box-shadow:0 3px 15px #0000000d;padding:72px 96px;text-align:center}.login-card h2{color:var(--color-primary);font-size:32px;font-weight:600;margin-bottom:12px}.login-card p{color:var(--color-text);font-size:21px;margin-bottom:36px}.btn{border:none;border-radius:100px;cursor:pointer;font-family:var(--font-family);font-size:23px;font-weight:400;padding:15px 36px;text-decoration:none;transition:all .3s ease}.btn-sm{font-size:18px;padding:8px 20px}.btn-primary{background:var(--color-accent);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary)}.btn-secondary{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent)}.btn-secondary:hover{background:var(--color-accent);color:var(--color-white)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}button:not(.btn){background:var(--color-white);border:1px solid var(--color-border);border-radius:9px;color:var(--color-text);cursor:pointer;font-family:var(--font-family);font-size:21px;padding:12px 24px;transition:all .2s ease}button:not(.btn):hover{border-color:var(--color-accent);color:var(--color-accent)}button.icon-btn,button.inline-cancel-btn,button.inline-submit-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:15px;font-weight:600;height:24px;justify-content:center;line-height:1;min-height:24px;min-width:24px;padding:0;transition:background .15s ease;vertical-align:middle;width:24px}button.icon-btn svg,button.inline-cancel-btn svg,button.inline-submit-btn svg{height:14px;width:14px}button.icon-btn svg:not([fill=none]),button.inline-cancel-btn svg:not([fill=none]),button.inline-submit-btn svg:not([fill=none]){fill:currentColor}button.icon-btn:disabled,button.inline-cancel-btn:disabled,button.inline-submit-btn:disabled{cursor:not-allowed;opacity:.5}button.expand-btn{background:none;border:none;color:var(--color-text);display:block;font-size:30px;height:30px;line-height:1;min-width:30px;opacity:.7;padding:0;transition:opacity .15s;width:30px}button.expand-btn:hover{opacity:1}button.inline-submit-btn{background:var(--color-accent);color:#fff}button.inline-submit-btn:hover:not(:disabled){background:var(--color-primary)}button.inline-cancel-btn{background:var(--color-border);color:var(--color-text);font-size:13px}button.inline-cancel-btn:hover:not(:disabled){background:#555;color:#fff}button.action-btn{background:var(--color-border);color:var(--color-text)}button.action-btn:hover:not(:disabled){background:#555;color:#fff}button.action-btn.success{background:#28a745;color:#fff}button.action-btn.success:hover:not(:disabled){background:#1e7e34}button.action-btn.danger{background:#dc3545;color:#fff}button.action-btn.danger:hover:not(:disabled){background:#a71d2a}td.date-cell{position:relative}table.data-table>*>tr>td.date-cell,table.data-table>*>tr>th.date-cell,table.detail-table>*>tr>td.date-cell,table.detail-table>*>tr>th.date-cell{padding-left:36px}td.date-cell .date-input-wrap{margin-left:-36px;width:calc(100% + 36px)}td.date-cell .date-input{margin:0 0 0 30px;width:120px;z-index:1}td .text-input,td .time-input,td.date-cell .date-input{background:var(--color-white);border:none;border-radius:0;box-sizing:border-box;color:var(--color-text);font-family:var(--font-family);font-size:21px;font-weight:300;padding:0 6px}td .text-input,td .time-input{margin:0 -6px}td .date-input,td .text-input,td .time-input{height:var(--inline-field-height,32px);line-height:var(--inline-field-height,32px)}div.filter-controls{--inline-field-height:29px}div.filter-controls .filter-date-input,div.filter-controls .text-input{background:var(--color-white);border:none;border-radius:0;box-sizing:border-box;color:var(--color-text);font-size:21px;height:29px;line-height:29px;padding:0 6px}div.filter-controls .filter-date-input{margin:0 0 0 26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px}div.filter-controls .date-input-wrap{width:146px}div.filter-controls .combobox{width:185px}div.filter-controls .date-picker-btn{height:22px;width:22px}.budgets-manage-table .name-input:focus,.edit-input:focus,.order-input:focus,div.filter-controls .filter-date-input:focus{box-shadow:0 0 0 3px #247da84d;outline:none;position:relative;z-index:10}[data-theme=dark] div.filter-controls .filter-date-input:focus{box-shadow:0 0 0 3px #80d8f866}div.filter-controls .combobox.is-focused,div.filter-controls .combobox.is-open{position:relative;z-index:10}.combobox.is-invalid,input.is-invalid,select.is-invalid{box-shadow:0 0 0 3px #dc354580}.combobox.is-invalid:focus-within,input.is-invalid:focus,select.is-invalid:focus{box-shadow:0 0 0 3px #dc3545b3}.table-scroll{flex:1;min-height:0;overflow-y:scroll}input,select,textarea{background:var(--color-white);border:1px solid var(--color-border);border-radius:9px;color:var(--color-text);font-family:var(--font-family);font-size:21px;padding:15px 21px;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);outline:none}[data-theme=dark] .sub-nav{background:#0a0a10;border-bottom-color:#252530;box-shadow:0 4px 16px #96aac84d}[data-theme=dark] .sub-nav-link.active{border-bottom-color:var(--color-accent)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:#80d8f8!important}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-border)}input::placeholder,textarea::placeholder{color:var(--color-border)}.user-menu{position:relative}.user-menu-toggle{align-items:center;background:none!important;border:none!important;color:var(--color-text);cursor:pointer;display:flex;gap:16px;line-height:1;padding:8px 12px!important}.user-menu-toggle:hover{color:var(--color-accent)!important}.user-name{font-size:24px;font-weight:400}.user-menu-dots{font-size:28px;font-weight:900}.user-menu-dropdown{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 3px 12px #00000026;margin-top:8px;min-width:200px;padding:8px 0;position:absolute;right:0;top:100%;z-index:200}.user-menu-item{background:none!important;border:none!important;color:var(--color-text);cursor:pointer;display:block;font-family:var(--font-family);font-size:13px;padding:8px 16px!important;text-align:left;text-decoration:none;white-space:nowrap;width:100%}.user-menu-item:hover{background:var(--color-light-gray)!important;color:var(--color-text)!important}.menu-icon{height:16px;margin-right:6px;opacity:.7;vertical-align:middle;width:16px}.dialog-overlay{align-items:center;background:#1c244b80;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.dialog{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 80px #0006;max-width:90%;min-width:420px;padding:24px}.dialog h3{color:var(--color-primary);font-size:28px;margin-bottom:12px}.dialog p{color:var(--color-text);font-size:20px;margin-bottom:16px}.dialog-calendar{width:600px}.calendar-url-container{display:flex;gap:12px;margin-bottom:12px}.calendar-url-input{flex:1;font-size:18px!important;padding:12px 16px!important}.btn-checked{color:transparent!important;position:relative}.btn-checked:after{align-items:center;color:#fff;content:"✓";display:flex;inset:0;justify-content:center;position:absolute}.dialog-actions{display:flex;gap:12px;justify-content:space-between;margin-top:18px}.dialog-actions .btn{border-radius:6px;font-size:17px;padding:10px 24px}.dialog-actions .btn-text{border-radius:6px;font-size:17px;padding:10px 20px}.btn-text{background:none;border:none;color:var(--color-text);cursor:pointer;font-family:var(--font-family);font-size:16px;padding:12px 16px}.btn-text:hover{color:var(--color-accent)}.btn-danger-text{color:#dc3545}.btn-danger-text:hover{color:#c82333}[data-theme=dark] .app-header{background:#0f2540;border-bottom:1px solid #606060;box-shadow:0 4px 16px #96aac84d}[data-theme=dark] .user-menu-dropdown{border-color:#505070;box-shadow:0 6px 20px #96aac840}[data-theme=dark] .dialog{background:#181820;border:1px solid #505070;box-shadow:0 12px 80px #96aac899}[data-theme=dark] .dialog label,[data-theme=dark] .dialog p{color:#c0c8d0}[data-theme=dark] .dialog-overlay{background:#0009}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--color-light-gray)!important;border-color:var(--color-border)!important;color:var(--color-primary)!important}[data-theme=dark] input::-moz-placeholder,[data-theme=dark] textarea::-moz-placeholder{color:#8080a0!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#8080a0!important}::-webkit-scrollbar{height:16px;width:16px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:silver;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}[data-theme=dark] ::-webkit-scrollbar-track{background:#101018}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#404050}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#505060}[data-theme=dark] ::-webkit-scrollbar-corner{background:#101018}.error-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.error-dialog{background:var(--color-white);border:2px solid #dc3545;border-radius:12px;box-shadow:0 12px 48px #dc35454d;max-width:400px;padding:24px 32px;text-align:center}.error-dialog h3{color:#dc3545;font-size:24px;margin-bottom:12px}.error-dialog p{color:var(--color-text);font-size:18px;line-height:1.5;margin-bottom:20px}.error-actions{display:flex;gap:12px;justify-content:center}[data-theme=dark] .error-dialog{background:#181820;border-color:#ff6b6b;box-shadow:0 12px 48px #ff6b6b40}[data-theme=dark] .error-dialog h3{color:#ff6b6b}.not-activated{align-items:center;display:flex;flex:1;justify-content:center;min-height:0;padding:32px}.not-activated-card{background:var(--color-white);border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:500px;padding:48px 64px;text-align:center}.not-activated-icon{color:#f59e0b;height:72px;margin-bottom:24px;width:72px}.not-activated-card h2{color:var(--color-primary);font-size:28px;font-weight:600;margin-bottom:12px}.not-activated-card p{color:var(--color-text);font-size:20px;line-height:1.6}[data-theme=dark] .not-activated-card{background:#181820;box-shadow:0 4px 20px #96aac826}.actions-cell{white-space:nowrap}.balance-item{align-items:baseline;display:flex;gap:8px}.categories-table .col-name{width:auto}.date-cell{overflow:visible!important}.date-separator{color:var(--color-text);font-size:21px}.dialog .form-group{margin-bottom:16px}.dialog .form-group input,.dialog .form-group select{border:1px solid var(--color-border);border-radius:9px;font-size:18px;padding:12px 16px;width:100%}.dialog .form-group label{color:var(--color-text);display:block;font-size:20px;font-weight:500;margin-bottom:6px}.error-tooltip{background:#dc3545;border-radius:6px;box-shadow:0 3px 9px #dc35454d;color:#fff;font-size:17px;line-height:23px;margin-right:12px;max-height:29px;padding:3px 12px;position:absolute;right:100%;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:10}.half-day-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;opacity:1}.half-day-btn:hover{border-color:var(--color-accent);opacity:.8}.inline-form-row .inline-input,.inline-form-row .inline-select{background:var(--color-white);border:none;border-radius:0;box-sizing:border-box;color:#000;font-family:var(--font-family);font-size:21px;font-weight:300;height:32px;line-height:32px;margin:0 -6px;padding:0 6px;width:calc(100% + 12px)}.inline-form-row .inline-input:focus,.inline-form-row .inline-select:focus,div.filter-controls .text-input:focus,td .edit-input:focus,td .inline-input:focus,td .name-input:focus,td .order-input:focus,td .text-input:focus,td .time-input:focus,td .wh-input:focus,td.date-cell .date-input:focus{box-shadow:0 0 0 3px #247da84d;outline:none}.inline-form-row .inline-input::-moz-placeholder{font-size:17px}.inline-form-row .inline-input::placeholder{font-size:17px}.inline-form-row.top-form{height:38px;position:sticky;top:50px;z-index:55}.inline-form-row.top-form td{background:#d9f4fa}.inline-form-row:not(.top-form) td{background:#20b9e11a}.overview-header{align-items:center;background:var(--color-secondary);box-shadow:0 4px 12px #0000001f;display:flex;flex-shrink:0;justify-content:flex-end;padding:12px 36px 10px}.budgets-container,.entries-container,.requests-section,.tickets-container{background:var(--color-white);min-width:-moz-fit-content;min-width:fit-content;position:relative}.filter-controls{align-items:center;display:flex;gap:12px}.categories-page,.holidays-page,.invoices-page,.overview-page,.users-page,.vacation-page{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}table.overview-table .clickable{cursor:pointer}table.overview-table .clickable:hover{color:var(--color-accent)}table.overview-table .col-hover{background:#247da80d}table.overview-table .data-row:hover .col-hover{background:#247da81f}table.overview-table .data-row:hover td{background:#247da80d}table.overview-table .totals-row td{border-top:1px solid var(--color-border)}table.overview-table .totals-row td,tr.year-separator td{background:linear-gradient(180deg,#e5ebf0,#fff)}table.overview-table .user-col{min-width:80px}table.overview-table th.col-hover{background:#e8eff3}tr.expanded-row>td{background:linear-gradient(180deg,#f0f3f6,#fff)}tr.expanded-row:hover:not(.editing-row)>td{background:linear-gradient(#247da80d,#247da80d),linear-gradient(180deg,#f0f3f6,#fff)}td.budgets-detail-cell,td.detail-cell,td.positions-detail-cell{background:var(--color-white);height:auto;overflow:visible;padding:19px 48px!important;white-space:normal}table.detail-table{border-bottom:1px solid var(--color-border);border-collapse:collapse;table-layout:fixed;width:100%}table.detail-table>*>tr>td,table.detail-table>*>tr>th{font-size:21px;font-variant-numeric:tabular-nums;height:32px;line-height:32px;overflow:hidden;padding:3px 12px 3px 18px;text-align:left;text-overflow:ellipsis;white-space:nowrap}table.detail-table>*>tr>th{background:var(--color-light-gray);border-top:1px solid var(--color-border);box-shadow:inset 0 -1px 0 0 var(--color-border);color:var(--color-text);font-size:20px;font-weight:600;letter-spacing:.5px;padding:10px 12px 8px 18px;text-transform:uppercase}table.detail-table>*>tr>td.text-right,table.detail-table>*>tr>th.text-right{text-align:right}table.detail-table>tbody>tr{box-sizing:border-box;height:38px;max-height:38px;transition:background-color .1s ease}table.detail-table>tbody>tr:hover{background:var(--color-light-gray)}.detail-title{color:var(--color-primary);font-size:21px;font-weight:600;padding:0 0 10px 18px;text-align:left}table.data-table{border-collapse:collapse;width:100%}table.data-table>*>tr>td,table.data-table>*>tr>th{font-size:21px;line-height:32px;overflow:hidden;padding:3px 12px 3px 18px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}table.data-table>*>tr>th{background:var(--color-light-gray);border-bottom:none;box-shadow:inset 0 -1px 0 var(--color-border);color:var(--color-text);font-size:20px;font-weight:600;letter-spacing:.5px;padding:10px 12px 8px 18px;position:sticky;text-transform:uppercase;top:0;z-index:60}table.data-table>*>tr>td:first-child,table.data-table>*>tr>th:first-child{padding-left:36px}table.data-table>tbody>tr{box-sizing:border-box;height:38px;max-height:38px;transition:background-color .1s ease}table.overview-table{background:var(--color-white);border-collapse:collapse;margin-top:-1px;width:100%}table.overview-table>*>tr>td,table.overview-table>*>tr>th{font-size:21px;line-height:32px;overflow:hidden;padding:3px 12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}table.overview-table>*>tr>th{background:var(--color-light-gray);color:var(--color-text);font-size:20px;font-weight:600;letter-spacing:.5px;padding:10px 12px 8px;position:sticky;text-transform:uppercase;top:0;z-index:5}table.overview-table>*>tr>td:first-child,table.overview-table>*>tr>th:first-child{padding-left:36px}table.overview-table>*>tr>td:last-child,table.overview-table>*>tr>th:last-child{padding-right:36px}.progress-pending{background:#ff9800;transition:width .3s ease,left .3s ease}.progress-pending,.progress-used{height:100%;position:absolute;top:0}.progress-used{background:#4caf50;left:0;transition:width .3s ease}.table-footer{background:var(--color-secondary);padding:36px 18px;text-align:center}.text-center{text-align:center!important}.text-right{padding-left:12px!important;padding-right:18px!important;text-align:right!important}.time-sep{padding:0!important;text-align:center}.toggle{cursor:pointer;display:inline-block;height:26px;position:relative;width:48px}.toggle input{height:0;opacity:0;width:0}.toggle input:checked+.toggle-slider{background-color:var(--color-accent)}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-slider{background-color:var(--color-border);border-radius:26px;inset:0;position:absolute;transition:.2s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.2s;width:20px}[data-theme=dark] .categories-table td{color:#c0c8d0}[data-theme=dark] .filter-combobox :deep(.combobox){border-color:#252530}[data-theme=dark] .half-day-btn{border-color:#505070}[data-theme=dark] .half-day-btn:hover{border-color:var(--color-accent)}[data-theme=dark] tr.expanded-row>td{background:linear-gradient(180deg,#181828,#12121c)}[data-theme=dark] tr.expanded-row:hover:not(.editing-row)>td{background:linear-gradient(#4fc3f714,#4fc3f714),linear-gradient(180deg,#181828,#12121c)}[data-theme=dark] .inline-form-row.top-form td{background:#1a2a3a}[data-theme=dark] .inline-form-row:not(.top-form) td{background:#20b9e126}[data-theme=dark] .overview-header{background:#101018}[data-theme=dark] .overview-table .col-hover{background:#4fc3f70f}[data-theme=dark] .overview-table .data-row:hover .col-hover{background:#4fc3f71a}[data-theme=dark] .overview-table .data-row:hover td{background:#4fc3f70f}[data-theme=dark] .overview-table .totals-row td{background:linear-gradient(180deg,#1a1a2a,#12121c)}[data-theme=dark] .overview-table th.col-hover{background:#181828}[data-theme=dark] tr.year-separator td{background:linear-gradient(180deg,#2a2a40,#181828)}.settings-card{background:var(--color-white);border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.settings-card--wide{grid-column:1/-1}.settings-card h2{border-bottom:1px solid var(--color-border);color:var(--color-primary);font-size:21px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.setting-description{color:var(--color-text);font-size:21px;opacity:.7}[data-theme=dark] .settings-card{background:#181820;border:1px solid #353540}