@charset "UTF-8";.splash-screen{width:100%;height:100%;background-color:#d2ff1f;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.logo{font-size:var(--font-size-logo);font-weight:600;color:#000;z-index:10;font-family:var(--font-primary);letter-spacing:1px;animation:fadeIn 1s ease-in-out}.flower-container{position:absolute}.flower-image{width:400px;height:400px;display:block;transform-origin:center;transition:transform 1.5s ease-in-out}.top-left{top:-125px;left:-125px}.bottom-right{bottom:-125px;right:-125px}.flower-container.animate .flower-image{transform:rotate(360deg)}@media screen and (max-width: 320px){.flower-image{width:200px;height:200px}.top-left{top:-100px;left:-100px}.bottom-right{bottom:-100px;right:-100px}.logo{font-size:36px}}@media screen and (min-width: 768px){.flower-image{width:300px;height:300px}.top-left{top:-150px;left:-150px}.bottom-right{bottom:-150px;right:-150px}.logo{font-size:56px}}.start-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:var(--background-color);background-color:#dcc1ff}.start-content{width:100%;text-align:center}.start-image{max-width:100%;height:auto}.next-button{background-color:transparent;color:#000;border:2px solid #000000;border-radius:50px;padding:12px 30px;font-family:var(--font-primary, "Oddval", sans-serif);font-size:16px;font-weight:600;cursor:pointer;min-width:160px;text-align:center;transition:all .2s ease;outline:none}.next-button:hover{background-color:#0000000d}.next-button:active{transform:scale(.98)}.start-screen h1{margin-bottom:var(--spacing-lg);color:var(--text-color2);font-size:var(--font-size-xl)}.start-screen p{color:var(--secondary-text);font-size:var(--font-size-md);margin-bottom:var(--spacing-xl)}@media screen and (max-width: 320px){.next-button{padding:10px 24px;font-size:14px;min-width:140px}}@media screen and (min-width: 768px){.next-button{padding:14px 36px;font-size:18px;min-width:180px}}.logreg-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:var(--background-color);background-color:#dcc1ff}.logreg-content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--spacing-xxl, 48px)}.logreg-content h1{font-family:var(--font-primary, "Oddval", sans-serif);font-size:var(--font-size-xl, 24px);font-weight:600;color:var(--text-color2, #333333);margin-bottom:var(--spacing-xl, 32px)}.logreg-image{width:80%;max-width:300px;height:auto;margin-bottom:var(--spacing-xl, 32px)}.logreg-screen>div:last-child{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md, 16px);margin-bottom:var(--spacing-xl, 32px)}.log-button,.reg-button{background-color:transparent;color:#000;border-radius:50px;padding:12px 30px;font-family:var(--font-primary, "Oddval", sans-serif);font-size:16px;font-weight:600;cursor:pointer;width:100%;text-align:center;transition:all .2s ease;outline:none}.log-button{background-color:#f5f378}.reg-button{background-color:#fff}.log-button:hover,.reg-button:hover{background-color:#0000000d}.log-button:active,.reg-button:active{transform:scale(.98)}@media screen and (max-width: 320px){.logreg-content h1{font-size:var(--font-size-lg, 20px)}.log-button,.reg-button{padding:10px 24px;font-size:14px}}@media screen and (min-width: 768px){.logreg-content h1{font-size:var(--font-size-xxl, 32px)}.logreg-image{max-width:400px}.log-button,.reg-button{padding:14px 36px;font-size:18px;max-width:300px;margin:0 auto}.logreg-screen>div:last-child{max-width:400px;margin-left:auto;margin-right:auto}}.login-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:var(--background-color);background-color:#1a1a1a}.login-container{width:100%;max-width:400px}.login-title{font-family:var(--font-primary, "Oddval", sans-serif);font-size:32px;font-weight:600;color:#fff;margin-bottom:32px;text-align:center}.login-form{width:100%;display:flex;flex-direction:column;gap:24px}.info-message,.error-message{border-radius:16px;padding:12px 16px;margin-bottom:16px;font-size:14px;line-height:1.4}.info-message{background:#d2ff1f1f;color:#d2ff1f}.error-message{background:#ff575724;color:#ff8b8b}.helper-text{color:#ffffffd6;font-size:14px;line-height:1.5;margin:0}.helper-chip{border:1px dashed rgba(210,255,31,.55);border-radius:18px;color:#d2ff1f;font-size:13px;padding:10px 14px;text-align:center}.form-select{width:100%;height:56px;background-color:#fff;border:none;border-radius:28px;padding:0 20px;font-size:16px;color:#333;outline:none}.text-button{background:transparent;border:none;color:#d2ff1f;cursor:pointer;font-size:14px;margin-top:-8px;padding:0;text-align:right}.channel-row{display:flex;gap:8px;flex-wrap:wrap}.channel-button{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;cursor:pointer;padding:10px 14px;transition:background-color .2s ease,border-color .2s ease}.channel-button.active,.channel-button:hover{background:#d2ff1f2e;border-color:#d2ff1f73}.login-button{width:100%;height:56px;background-color:#d2ff1f;border:none;border-radius:28px;color:#000;font-family:var(--font-primary, "Oddval", sans-serif);font-size:18px;font-weight:600;cursor:pointer;margin-top:16px;transition:all .2s ease}.login-button:hover{background-color:#c5f00f}.login-button:active{transform:scale(.98)}@media screen and (max-width: 320px){.login-title{font-size:28px}.back-button{top:16px;left:16px;font-size:20px}.form-group input,.login-button{height:48px}.login-button{font-size:16px}}@media screen and (min-width: 768px){.login-title{font-size:36px}.back-button{top:32px;left:32px;font-size:28px}.login-screen{padding:64px 32px}}.reg-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:var(--background-color);background-color:#1a1a1a}.back-button{position:absolute;top:24px;left:24px;background:transparent;border:none;color:#fff;font-size:24px;font-weight:600;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;z-index:10;transition:transform .2s ease}.back-button:hover{transform:scale(1.1)}.back-button:active{transform:scale(.95)}.reg-container{width:100%;max-width:400px}.reg-title{font-family:var(--font-primary, "Oddval", sans-serif);font-size:32px;font-weight:600;color:#fff;margin-bottom:32px;text-align:center}.reg-form{width:100%;display:flex;flex-direction:column;gap:24px}.form-group label{font-family:var(--font-primary, "Oddval", sans-serif);font-size:16px;font-weight:500;color:#fff}.form-group input{width:100%;height:56px;background-color:#fff;border:none;border-radius:28px;padding:0 20px;font-size:16px;color:#999;outline:none}.form-group input::placeholder{color:#ccc}.reg-button{width:100%;height:56px;background-color:#d2ff1f;border:none;border-radius:28px;color:#000;font-family:var(--font-primary, "Oddval", sans-serif);font-size:18px;font-weight:600;cursor:pointer;margin-top:16px;transition:all .2s ease}.reg-button:hover{background-color:#c5f00f}.reg-button:active{transform:scale(.98)}@media screen and (max-width: 320px){.reg-title{font-size:28px}.back-button{top:16px;left:16px;font-size:20px}.form-group input,.reg-button{height:48px}.reg-button{font-size:16px}}@media screen and (min-width: 768px){.reg-title{font-size:36px}.back-button{top:32px;left:32px;font-size:28px}.reg-screen{padding:64px 32px}}.dashboard-screen{width:100%;height:100%;background-color:var(--app-background);color:var(--text-color);padding:16px 16px 80px;overflow-y:auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.user-info{display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .2s ease}.user-info:hover{transform:scale(1.02)}.avatar-container{position:relative;width:48px;height:48px;border-radius:100px;background-color:#9c7ae2;transition:box-shadow .2s ease}.avatar-container:hover{box-shadow:0 4px 8px #0003}.avatar-image{width:98%;height:98%;border-radius:50%;object-fit:cover}.online-indicator{position:absolute;width:12px;height:12px;background-color:#d2ff1f;border-radius:50%;bottom:0;right:0;border:2px solid var(--app-background);transition:transform .2s ease,background-color .2s ease}.online-indicator:hover{transform:scale(1.2)}.greeting{font-family:var(--font-primary, "Oddval", sans-serif);font-size:18px;font-weight:600;color:#9c7ae2;transition:color .2s ease}.user-name3{font-weight:600;color:#9c7ae2;transition:color .2s ease}.user-name:hover{color:var(--primary-color)}.notification-icon{position:relative;cursor:pointer}.notification-icon img{width:24px;height:24px;filter:var(--icon-filter)}.notification-badge2{position:absolute;top:-5px;right:-5px;width:16px;height:16px;background-color:var(--primary-color2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--button-text)}.section{margin-bottom:24px}.section-title,.section-title2{font-family:var(--font-primary, "Oddval", sans-serif);font-size:20px;font-weight:600;margin-bottom:16px;position:relative;padding-bottom:8px}.section-title:after,.section-title2:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--border-color)}.course-cards-container{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.course-cards-container::-webkit-scrollbar{display:none}@media screen and (max-width: 320px){.dashboard-screen{padding:12px 12px 70px}.greeting{font-size:16px}.section-title,.section-title2{font-size:18px}}@media screen and (min-width: 768px){.dashboard-screen{padding:24px 24px 90px;max-width:768px;margin:0 auto}.greeting{font-size:20px}.section-title,.section-title2{font-size:22px}}@media screen and (min-width: 1600px){.dashboard-screen{max-width:1200px}}.navbar{position:fixed;bottom:20px;left:10px;right:10px;height:64px;background-color:var(--card-background);display:flex;justify-content:space-around;align-items:center;border-radius:500px;z-index:100;max-width:768px;margin:0 auto;box-shadow:0 4px 12px var(--shadow-color)}.navbar-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;cursor:pointer;transition:all .2s ease}.navbar-icon{width:24px;height:24px;color:var(--secondary-text);transition:color .2s ease}.navbar-icon path,.navbar-icon line,.navbar-icon circle,.navbar-icon rect,.navbar-icon polyline,.navbar-icon polygon{stroke:var(--secondary-text)!important;transition:stroke .2s ease}.navbar-item.active .navbar-icon{color:var(--primary-color)}.navbar-item.active .navbar-icon path,.navbar-item.active .navbar-icon line,.navbar-item.active .navbar-icon circle,.navbar-item.active .navbar-icon rect,.navbar-item.active .navbar-icon polyline,.navbar-item.active .navbar-icon polygon{stroke:var(--primary-color)!important}.navbar-icon[fill]:not([fill=none]),.navbar-icon path[fill]:not([fill=none]){fill:var(--secondary-text)!important;transition:fill .2s ease}.navbar-item.active .navbar-icon[fill]:not([fill=none]),.navbar-item.active .navbar-icon path[fill]:not([fill=none]){fill:var(--primary-color)!important}@media screen and (max-width: 320px){.navbar{height:56px}.navbar-item{width:40px;height:40px}.navbar-icon{width:20px;height:20px}}@media screen and (min-width: 768px){.navbar{height:72px}.navbar-item{width:56px;height:56px}.navbar-icon{width:28px;height:28px}}.navbar-item:active{transform:scale(.9)}.navbar-item.active{transform:translateY(-5px)}[data-theme=dark] .navbar{box-shadow:0 4px 20px #00000080}.course-card{min-width:200px;width:200px;height:160px;border-radius:16px;padding:16px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .2s ease}.course-card:hover{transform:translateY(-4px)}.course-background{position:absolute;top:0;right:0;bottom:0;width:70%;overflow:hidden;z-index:1;display:flex;align-items:center;justify-content:center}.background-image{width:100%;height:auto;object-fit:contain;opacity:.9}.course-card-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}.course-title{font-family:var(--font-primary, "Oddval", sans-serif);font-weight:600;color:#000;margin:0;display:flex;flex-direction:column}.title-top{font-size:18px;margin-bottom:4px}.title-bottom{font-size:16px}.course-card-footer{display:flex;margin-top:auto;gap:8px;position:relative;z-index:2}.course-stat-item{display:flex;align-items:center;justify-content:center;background-color:#0003;border-radius:12px;padding:4px 12px;font-size:12px;color:#000;font-weight:600;flex:1;height:28px}.favorite-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#0003;border-radius:12px}.heart-icon{width:16px;height:16px;fill:transparent;stroke:#000;stroke-width:2}.favorite-button.active .heart-icon{fill:#ff3b30;stroke:#ff3b30}@media screen and (max-width: 320px){.course-card{min-width:160px;width:160px;height:140px;padding:12px}.title-top{font-size:16px}.title-bottom{font-size:14px}.course-stat-item{padding:2px 8px;font-size:10px;height:24px}.favorite-button{width:24px;height:24px}}@media screen and (min-width: 768px){.course-card{min-width:240px;width:240px;height:180px;padding:20px}.title-top{font-size:20px}.title-bottom{font-size:18px}.course-stat-item{padding:4px 16px;font-size:14px;height:32px}.favorite-button{width:32px;height:32px}.heart-icon{width:18px;height:18px}}@media screen and (min-width : 1600px){.course-card{width:360px}}.stories-section{margin-bottom:32px}.stories-section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.stories-section-kicker{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ff8a4c}.stories-section-hint{font-size:12px;color:#ffffff9e}.stories-rail{display:flex;gap:14px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.stories-rail::-webkit-scrollbar{display:none}.story-card{position:relative;width:176px;min-width:176px;min-height:228px;padding:16px;border:none;border-radius:28px;background:linear-gradient(160deg,var(--story-from),var(--story-to));color:var(--story-text);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;overflow:hidden;isolation:isolate;box-shadow:0 20px 30px #0000002e}.story-card:hover{border:none;transform:translateY(-3px)}.story-card-shine{position:absolute;inset:auto -20% 58% 35%;height:110px;background:radial-gradient(circle,#ffffff59,#fff0 72%);transform:rotate(-8deg);pointer-events:none;z-index:-1}.story-card-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#ffffff2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.story-card-copy{display:flex;flex-direction:column;gap:8px;max-width:120px;position:relative;z-index:1}.story-card-title{font-family:var(--font-primary, "Oddval", sans-serif);font-size:28px;line-height:.98}.story-card-subtitle{font-size:13px;line-height:1.3;opacity:.92}.story-card-media{align-self:stretch;display:flex;justify-content:flex-end;margin-top:auto}.story-card-image{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.22))}.story-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#050509d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:20px}.story-viewer{position:relative;width:min(100%,780px);min-height:min(86vh,680px);border-radius:32px;overflow:hidden;background:linear-gradient(155deg,var(--story-from),var(--story-to));color:var(--story-text);box-shadow:0 30px 80px #0006;display:flex;flex-direction:column}.story-viewer-progress{display:flex;gap:8px;padding:18px 18px 0}.story-viewer-progress-track{flex:1;height:4px;border-radius:999px;background:#ffffff38;overflow:hidden}.story-viewer-progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:#fffffff5}.story-viewer-progress-fill.complete{width:100%}.story-viewer-progress-fill.active{animation-name:story-progress;animation-timing-function:linear;animation-fill-mode:forwards}.story-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 0}.story-viewer-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.story-viewer-badge,.story-viewer-counter{display:inline-flex;padding:8px 12px;border-radius:999px;background:#ffffff29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12px;font-weight:700}.story-viewer-close{width:42px;height:42px;border:none;border-radius:50%;background:#12121633;color:inherit;font-size:28px;line-height:1;display:grid;place-items:center}.story-viewer-close:hover{border:none;background:#12121652}.story-viewer-body{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,320px);gap:20px;align-items:center;padding:24px 28px 28px}.story-viewer-copy{max-width:420px}.story-viewer-title{margin:0 0 10px;font-family:var(--font-primary, "Oddval", sans-serif);font-size:clamp(32px,5vw,58px);line-height:.95}.story-viewer-subtitle{margin:0 0 12px;font-size:17px;font-weight:600;opacity:.96}.story-viewer-description{margin:0;max-width:34ch;font-size:15px;line-height:1.55;opacity:.88}.story-viewer-cta{margin-top:24px;border:none;border-radius:999px;background:#101014db;color:#fff;padding:14px 18px;font-size:15px;font-weight:700}.story-viewer-cta:hover{border:none;background:#101014}.story-viewer-media{display:flex;justify-content:center;align-items:center}.story-viewer-image{width:min(100%,280px);max-height:360px;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.22))}.story-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:50%;background:#12121633;color:inherit;font-size:32px;line-height:1;display:grid;place-items:center}.story-viewer-nav:hover{border:none;background:#12121652}.story-viewer-nav.prev{left:18px}.story-viewer-nav.next{right:18px}.story-viewer-nav:disabled{opacity:.32;cursor:default}@keyframes story-progress{0%{width:0}to{width:100%}}@media (max-width: 768px){.stories-section-header{align-items:flex-start;flex-direction:column}.story-card{width:160px;min-width:160px;min-height:208px;border-radius:24px}.story-card-title{font-size:24px}.story-card-copy{max-width:112px}.story-viewer{min-height:auto}.story-viewer-body{grid-template-columns:1fr;gap:18px;padding:20px 20px 24px}.story-viewer-copy{max-width:none}.story-viewer-image{width:min(100%,220px);max-height:220px}.story-viewer-nav{top:auto;bottom:18px;transform:none}.story-viewer-nav.prev{left:20px}.story-viewer-nav.next{right:20px}}.schedule-item{position:relative;border-radius:16px;padding:16px;overflow:hidden;min-height:120px}.schedule-item-content{position:relative;z-index:2}.schedule-item.expanded{min-height:240px}.schedule-item-details{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.1)}.schedule-item-bg-shape{position:absolute;right:-20px;bottom:-20px;width:150px;height:150px;opacity:.3;z-index:1;background-repeat:no-repeat;background-position:center;background-size:contain}.schedule-item-bg-shape.flower{background-image:url(/images/flower-bg.png)}.schedule-item-bg-shape.leaf{background-image:url(/images/leaf-bg.png)}.schedule-item-bg-shape.blob{background-image:url(/images/blob-bg.png)}.detail-item{margin-bottom:8px}.detail-labels{font-weight:600;margin-right:4px;color:#000}.tasks-list{margin:8px 0 0 16px;padding:0}.tasks-list li{margin-bottom:4px}.schedule-item-title{font-family:var(--font-primary, "Oddval", sans-serif);font-size:20px;font-weight:700;color:#000;margin-bottom:8px;line-height:1.1;letter-spacing:-.5px;max-width:70%}.schedule-item-time{font-size:14px;font-weight:500;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:#000;margin-bottom:30px}.schedule-item-location{display:flex;align-items:center;gap:4px;font-size:14px;color:#000}.location-icon{font-size:16px}.schedule-item-bg-shape{position:absolute;right:-20px;bottom:-20px;width:150px;height:150px;opacity:.3;z-index:1}.schedule-item-bg-shape[data-shape=flower]{background:url(/src/assets/images/flower-shape.svg) no-repeat center;background-size:contain}.schedule-item-bg-shape[data-shape=leaf]{background:url(/src/assets/images/leaf-shape.svg) no-repeat center;background-size:contain}.schedule-item-bg-shape[data-shape=blob]{background:url(/src/assets/images/blob-shape.svg) no-repeat center;background-size:contain}.schedule-item-tasks{position:absolute;top:16px;right:16px;background-color:#0000001a;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;color:#000}.expand-button{position:absolute;bottom:16px;right:16px;width:32px;height:32px;border-radius:50%;background-color:#0003;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.expand-icon{color:#000;font-size:14px}@media screen and (max-width: 320px){.schedule-item{padding:12px;min-height:100px}.schedule-item-title{font-size:16px}.schedule-item-time,.schedule-item-location{font-size:12px}.schedule-item-bg-shape{width:120px;height:120px}.schedule-item-tasks{font-size:10px;padding:2px 6px}.expand-button{width:28px;height:28px}}@media screen and (min-width: 768px){.schedule-item{padding:20px;min-height:140px}.schedule-item-title{font-size:20px}.schedule-item-time,.schedule-item-location{font-size:16px}.schedule-item-bg-shape{width:180px;height:180px}.schedule-item-tasks{font-size:14px;padding:6px 10px}.expand-button{width:36px;height:36px}.expand-icon{font-size:16px}}.schedule-screen{width:100%;height:100%;background-color:var(--app-background);color:var(--text-color);padding:16px 16px 80px;overflow-y:auto}.schedule-header{margin-bottom:24px;text-align:center}.schedule-header h1{font-family:var(--font-primary, "Oddval", sans-serif);font-size:24px;font-weight:600}.week-selector{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;background-color:var(--card-background);border-radius:20px;padding:10px}.arrow-button{width:32px;height:20px;border-radius:50%;background-color:var(--border-color);border:none;color:var(--text-color);display:flex;align-items:center;justify-content:center;cursor:pointer}.arrow-icon{font-size:16px}.week-days{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;border-radius:16px}.week-days::-webkit-scrollbar{display:none}.day-item{display:flex;flex-direction:column;align-items:center;padding:8px 12px;cursor:pointer;border-radius:16px;transition:all .2s ease}.day-item.selected{background-color:var(--button-text);color:var(--background-color)}.day-name{font-size:12px;font-weight:500}.day-date{font-size:16px;font-weight:600}.schedule-content{background-color:var(--card-background);border-radius:20px;padding:16px}.schedule-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.schedule-content-header h2{font-family:var(--font-primary, "Oddval", sans-serif);font-size:18px;font-weight:600}.filter-tabs{display:flex;gap:8px}.filter-tab{background:transparent;border:none;color:var(--secondary-text);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:8px}.filter-tab.active{color:var(--text-color);background-color:var(--border-color)}.schedule-items{display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 320px){.schedule-screen{padding:12px 12px 70px}.schedule-header h1{font-size:20px}.week-selector{padding:12px}.day-item{padding:6px 10px}.day-name{font-size:10px}.day-date{font-size:14px}.schedule-content{padding:12px}.schedule-content-header h2{font-size:16px}.filter-tab{font-size:12px}}@media screen and (min-width: 768px){.schedule-screen{padding:24px 24px 90px;max-width:768px;margin:0 auto}.schedule-header h1{font-size:28px}.week-selector{padding:20px}.day-item{padding:10px 16px}.day-name{font-size:14px}.day-date{font-size:18px}.schedule-content{padding:20px}.schedule-content-header h2{font-size:20px}.filter-tab{font-size:16px;padding:6px 12px}}html{height:100%}body{height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.loader{position:relative;width:75px;height:100px}.loader__bar{position:absolute;bottom:0;width:10px;height:50%;background:#3498db;transform-origin:center bottom;box-shadow:1px 1px #0003}.loader__bar:nth-child(1){left:0;transform:scaleY(.2);animation:barUp1 4s infinite}.loader__bar:nth-child(2){left:15px;transform:scaleY(.4);animation:barUp2 4s infinite}.loader__bar:nth-child(3){left:30px;transform:scaleY(.6);animation:barUp3 4s infinite}.loader__bar:nth-child(4){left:45px;transform:scaleY(.8);animation:barUp4 4s infinite}.loader__bar:nth-child(5){left:60px;transform:scale(1);animation:barUp5 4s infinite}.loader__ball{position:absolute;bottom:10px;left:0;width:10px;height:10px;background:#e74c3c;border-radius:50%;animation:ball 4s infinite}@keyframes ball{0%{transform:translate(0)}5%{transform:translate(8px,-14px)}10%{transform:translate(15px,-10px)}17%{transform:translate(23px,-24px)}20%{transform:translate(30px,-20px)}27%{transform:translate(38px,-34px)}30%{transform:translate(45px,-30px)}37%{transform:translate(53px,-44px)}40%{transform:translate(60px,-40px)}50%{transform:translate(60px)}57%{transform:translate(53px,-14px)}60%{transform:translate(45px,-10px)}67%{transform:translate(37px,-24px)}70%{transform:translate(30px,-20px)}77%{transform:translate(22px,-34px)}80%{transform:translate(15px,-30px)}87%{transform:translate(7px,-44px)}90%{transform:translateY(-40px)}to{transform:translate(0)}}@keyframes barUp1{0%,40%{transform:scaleY(.2)}50%,90%{transform:scale(1)}to{transform:scaleY(.2)}}@keyframes barUp2{0%,40%{transform:scaleY(.4)}50%,90%{transform:scaleY(.8)}to{transform:scaleY(.4)}}@keyframes barUp3{0%,to{transform:scaleY(.6)}}@keyframes barUp4{0%,40%{transform:scaleY(.8)}50%,90%{transform:scaleY(.4)}to{transform:scaleY(.8)}}@keyframes barUp5{0%,40%{transform:scale(1)}50%,90%{transform:scaleY(.2)}to{transform:scale(1)}}.qrcode-screen{width:100%;height:100%;background-color:var(--app-background);color:var(--text-color);padding:16px 16px 80px;display:flex;flex-direction:column}.qrcode-header{text-align:center;margin-bottom:24px}.qrcode-header h1{font-family:var(--font-primary, "Oddval", sans-serif);font-size:24px;font-weight:600}.qrcode-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:24px}.permission-request,.permission-denied{text-align:center;padding:24px;background-color:var(--card-background);border-radius:16px;width:100%;max-width:400px}.permission-button{margin-top:16px;background-color:var(--primary-color);color:var(--text-color);border:none;border-radius:24px;padding:12px 24px;font-family:var(--font-primary, "Oddval", sans-serif);font-weight:600;font-size:16px;cursor:pointer;transition:opacity .2s ease}.permission-button:hover{opacity:.9}.scanner-container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;position:relative}.qr-reader{width:100%;border-radius:16px;overflow:hidden;background-color:var(--card-background)}.scanner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.scanner-frame{width:200px;height:200px;border:2px solid var(--primary-color);border-radius:16px;box-shadow:0 0 0 5000px #00000080}.scanner-instruction{margin-top:16px;text-align:center;color:var(--secondary-text)}.scan-result{width:100%;padding:24px;background-color:var(--card-background);border-radius:16px;text-align:center}.result-box{margin:16px 0;padding:16px;background-color:var(--border-color);border-radius:8px;word-break:break-all}.scan-again-button{background-color:var(--primary-color);color:var(--button-text);border:none;border-radius:24px;padding:12px 24px;font-family:var(--font-primary, "Oddval", sans-serif);font-weight:600;font-size:16px;cursor:pointer;transition:opacity .2s ease}.scan-again-button:hover{opacity:.9}.scan-history{width:100%;max-width:400px;background-color:var(--card-background);border-radius:16px;padding:16px}.scan-history h3{font-family:var(--font-primary, "Oddval", sans-serif);font-size:18px;font-weight:600;margin-bottom:12px}.history-list{list-style:none;padding:0;margin:0}.history-item{padding:12px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px}.history-data{font-weight:500;word-break:break-all}.history-time{font-size:12px;color:var(--secondary-text)}@media screen and (max-width: 320px){.qrcode-screen{padding:12px 12px 70px}.qrcode-header h1{font-size:20px}.scanner-frame{width:160px;height:160px}.permission-button,.scan-again-button{padding:10px 20px;font-size:14px}}@media screen and (min-width: 768px){.qrcode-screen{padding:24px 24px 90px;max-width:768px;margin:0 auto}.qrcode-header h1{font-size:28px}.scanner-frame{width:240px;height:240px}.permission-button,.scan-again-button{padding:14px 28px;font-size:18px}}.profile-screen{width:100%;height:100%;background-color:var(--app-background);color:var(--text-color);padding:16px 16px 80px;overflow-y:auto;box-sizing:border-box}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.profile-header h1{font-family:var(--font-primary, "Oddval", sans-serif);font-size:24px;font-weight:600;margin:0}.header-icon-button{background:transparent;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:var(--text-color)}.header-icon-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;position:relative}.notification-badge{position:absolute;top:13px;right:12px;background-color:var(--primary-color2);color:#fff;font-size:12px;width:10px;height:10px;border-radius:50%;padding:4px 6px;transform:translate(50%,-50%)}.profile-user-info{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.avatar1-container{position:relative;width:120px;height:120px;margin-bottom:16px}.avatar1-image{width:100%;height:100%;border-radius:50%;object-fit:cover;background-color:var(--background-color)}.avatar-border{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:2px solid var(--primary-color2);border-radius:50%}.user-name2{font-family:var(--font-primary, "Oddval", sans-serif);font-size:24px;font-weight:600;color:var(--primary-color);margin:0}.profile-tabs{display:flex;background-color:var(--card-background);border-radius:30px;padding:4px;margin-bottom:24px}.tab-button{flex:1;background:transparent;border:none;color:var(--text-color);padding:12px;font-family:var(--font-primary, "Oddval", sans-serif);font-size:14px;font-weight:500;border-radius:26px;cursor:pointer;transition:all .2s ease}.tab-button.active{background-color:var(--primary-color2);color:var(--primary-color3);font-weight:600}.profile-content{margin-bottom:24px}.profile-statistics{display:flex;flex-direction:column;gap:24px}.document-card{background-color:var(--card-background);border-radius:16px;padding:16px;display:flex;align-items:center;margin-bottom:24px}.document-icon{width:48px;height:48px;background-color:var(--primary-color);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px}.document-icon img{width:24px;height:24px;filter:var(--icon-filter)}.document-info{flex:1}.document-name{font-weight:600;margin-bottom:4px;color:var(--text-color)}.document-views{font-size:12px;color:var(--secondary-text)}.document-actions{display:flex;gap:8px}.action-button{width:40px;height:40px;background-color:var(--border-color);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-color)}.action-button img{width:20px;height:20px;filter:var(--icon-filter)}.analytics-card{background-color:var(--card-background);border-radius:16px;padding:16px;overflow:hidden}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.analytics-header h3{font-family:var(--font-primary, "Oddval", sans-serif);font-size:18px;font-weight:600;margin:0;color:var(--text-color)}.time-range-selector{position:relative;background-color:var(--primary-color2);color:var(--primary-color3);padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.dropdown-icon{font-size:8px}.time-range-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background-color:var(--border-color);border-radius:8px;width:120px;box-shadow:0 4px 8px var(--shadow-color);z-index:20;overflow:hidden}.dropdown-item{padding:10px 12px;font-size:12px;color:var(--text-color);transition:background-color .2s ease}.dropdown-item:hover{background-color:var(--border-color)}.dropdown-item.active{background-color:var(--primary-color2);color:var(--button-text)}.chart-container{height:315px;display:flex;justify-content:space-between;align-items:flex-end;position:relative;padding:0 0 15px;overflow:visible;margin-top:10px;margin-bottom:25px}.chart-column{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;max-width:24px;margin:0 1px}.chart-bar-container{width:6px;height:160px;background-color:var(--border-color);border-radius:3px;display:flex;align-items:flex-end;margin-bottom:8px;cursor:pointer}.chart-bar-container.active .chart-bar{filter:brightness(1.3)}.chart-bar-container.active .chart-bar-handle{opacity:1}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.edit-modal{background-color:var(--card-background);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;padding:20px;box-shadow:0 10px 25px var(--shadow-color);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.edit-modal-title{font-size:18px;font-weight:600;color:var(--text-color)}.edit-modal-close{background:transparent;border:none;color:var(--secondary-text);font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.edit-modal-close:hover{background-color:var(--border-color);color:var(--text-color)}.edit-form{display:flex;flex-direction:column;gap:16px}.form-label{font-size:14px;color:var(--secondary-text)}.form-input{background-color:var(--border-color);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:14px;color:var(--text-color);transition:border-color .2s ease}.form-input:focus{border-color:var(--primary-color);outline:none}.form-select{background-color:var(--border-color);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:14px;color:var(--text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.form-select:focus{border-color:var(--primary-color);outline:none}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.form-button{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.form-button.cancel{background-color:transparent;color:var(--secondary-text);border:1px solid var(--border-color)}.form-button.save{background-color:var(--primary-color);color:var(--button-text);border:none}.form-button.cancel:hover{background-color:var(--border-color)}.form-button.save:hover{background-color:#c0ee0e}.chart-bar{width:100%;background-color:var(--primary-color);border-radius:3px;transition:height .3s ease;position:relative}.chart-bar.missed{background-color:#ff3b30}.chart-bar.vacation{background-color:#5ac8fa}.chart-bar-handle{position:absolute;top:-4px;left:-2px;right:-2px;height:8px;background-color:var(--text-color);border-radius:4px;opacity:0;transition:opacity .2s ease}.chart-bar-container:hover .chart-bar-handle{opacity:.8}.chart-label{font-size:10px;color:var(--secondary-text);white-space:nowrap;text-align:center}.chart-label.vacation{color:#5ac8fa}.chart-tooltip{position:absolute;background-color:var(--card-background);border-radius:8px;padding:8px;box-shadow:0 4px 12px var(--shadow-color);z-index:10;width:150px;pointer-events:none;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;text-align:left;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(10px) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}.chart-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--card-background)}.tooltip-content{display:flex;flex-direction:column}.tooltip-title{font-weight:600;font-size:12px;margin-bottom:5px;color:var(--text-color);text-align:center}.tooltip-attendance{display:flex;flex-direction:column;gap:2px;margin-bottom:5px}.tooltip-present,.tooltip-absent,.tooltip-vacation{font-size:10px;display:flex;justify-content:space-between;white-space:nowrap}.tooltip-present{color:var(--primary-color)}.tooltip-absent{color:#ff3b30}.tooltip-vacation{color:#5ac8fa}.document-flow-container{background-color:var(--card-background);border-radius:16px;padding:20px;margin-bottom:20px;display:flex;justify-content:center;box-shadow:0 4px 12px var(--shadow-color)}.document-flow-button{display:flex;align-items:center;justify-content:center;background-color:var(--primary-color2);color:var(--primary-color3);border:none;border-radius:12px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #d2ff1f4d;width:100%;max-width:300px}.document-flow-button:hover{background-color:#c0ee0e;transform:translateY(-2px);box-shadow:0 4px 12px #d2ff1f66}.document-flow-button:active{transform:translateY(0);box-shadow:0 1px 4px #d2ff1f4d}.document-flow-icon{display:flex;align-items:center;justify-content:center;margin-right:12px}.document-flow-icon svg{width:24px;height:24px;color:var(--primary-color3)}.tooltip-rate{font-size:11px;font-weight:600;color:var(--text-color);text-align:center;margin-top:5px}.attendance-summary{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color)}.attendance-days{display:flex;flex-direction:column;gap:4px}.days-present{font-size:12px;color:var(--primary-color);white-space:nowrap}.days-absent{font-size:12px;color:#ff3b30;white-space:nowrap}.attendance-rate{display:flex;flex-direction:column;align-items:flex-end}.rate-label{font-size:12px;color:var(--secondary-text);white-space:nowrap}.rate-value{font-size:18px;font-weight:600;color:var(--primary-color)}.profile-reviews{display:flex;flex-direction:column;gap:24px}.profile-reviews h3{font-family:var(--font-primary, "Oddval", sans-serif);font-size:18px;font-weight:600;margin:0 0 16px;color:var(--text-color)}.promo-list{display:flex;flex-direction:column;gap:16px}.promo-item{background-color:var(--card-background);border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;transition:transform .2s ease,box-shadow .2s ease;flex-wrap:wrap;flex-direction:column}.promo-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.promo-code{background-color:var(--primary-color2);color:var(--primary-color3);padding:8px 12px;border-radius:8px;font-weight:600;font-size:14px;letter-spacing:.5px;min-width:80px;text-align:center;position:relative;overflow:hidden;display:inline-block;transition:transform .2s ease,box-shadow .2s ease}.promo-code:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#fff6,#fff0);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{left:-100%;top:-100%}to{left:100%;top:100%}}.promo-info{flex:1}.promo-description{font-weight:600;margin-bottom:4px;color:var(--text-color)}.promo-validity{font-size:12px;color:var(--secondary-text)}.promo-copy-button{background-color:var(--primary-color2);border:none;font-family:var(--font-primary, "Oddval", sans-serif);color:var(--primary-color3);padding:8px 12px;border-radius:8px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.promo-copy-button:hover{background-color:var(--border-color)}.promo-copy-button:active{background-color:var(--primary-color);color:var(--button-text);animation:pulse .3s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.promo-copy-button.copied{background-color:#34c759;color:#fff}.promo-copy-button.copied:after{content:"✓";margin-left:4px}.attendance-info{display:flex;gap:16px}.attendance-stat{flex:1;background-color:var(--card-background);border-radius:16px;padding:16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.attendance-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.attendance-value{font-size:24px;font-weight:600;color:var(--primary-color);margin-bottom:8px}.attendance-label{font-size:12px;color:var(--secondary-text)}.profile-portfolio,.user-data-section{display:flex;flex-direction:column;gap:24px}.user-data-section h3{font-family:var(--font-primary, "Oddval", sans-serif);font-size:18px;font-weight:600;margin:0 0 16px;color:var(--text-color)}.user-data-card{background-color:var(--card-background);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px}.user-data-header{display:flex;justify-content:space-between;align-items:center}.user-data-title{font-weight:600;font-size:16px;color:var(--text-color)}.user-data-edit-button{background-color:transparent;border:none;color:var(--primary-color);display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.user-data-edit-button:hover{background-color:#d2ff1f1a}.user-data-edit-icon{width:14px;height:14px;fill:var(--primary-color)}.personal-data-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.personal-data-item{display:flex;flex-direction:column;gap:4px}.personal-data-label{font-size:12px;color:var(--secondary-text)}.personal-data-value{font-size:14px;color:var(--text-color)}.contact-data-list{display:flex;flex-direction:column;gap:16px}.contact-data-item{display:flex;align-items:flex-start;gap:12px}.contact-icon{width:32px;height:32px;background-color:var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.contact-icon svg{width:18px;height:18px;fill:var(--primary-color)}.contact-info{flex:1}.contact-type{font-size:12px;color:var(--secondary-text);margin-bottom:4px}.contact-value{font-size:14px;color:var(--text-color);display:flex;align-items:center;gap:8px}.verified-badge{font-size:10px;padding:2px 6px;background-color:#34c759;color:#fff;border-radius:10px}.education-list{display:flex;flex-direction:column;gap:16px}.education-item{display:flex;align-items:flex-start;gap:12px}.education-icon{width:32px;height:32px;background-color:var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.education-icon svg{width:18px;height:18px;fill:var(--primary-color)}.education-info{flex:1}.education-name{font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:4px}.education-details{font-size:12px;color:var(--secondary-text);margin-bottom:4px}.education-period{font-size:12px;color:var(--secondary-text)}.experience-list{display:flex;flex-direction:column;gap:16px}.experience-item{display:flex;align-items:flex-start;gap:12px}.experience-icon{width:32px;height:32px;background-color:var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.experience-icon svg{width:18px;height:18px;fill:var(--primary-color)}.experience-info{flex:1}.experience-position{font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:4px}.experience-company{font-size:12px;color:var(--secondary-text);margin-bottom:4px}.experience-period{font-size:12px;color:var(--secondary-text)}.skills-interests-container{display:flex;flex-direction:column;gap:16px}.skills-list,.interests-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.skill-tag,.interest-tag{padding:6px 12px;border-radius:16px;font-size:12px;background-color:var(--border-color);color:var(--text-color)}.skill-tag.primary{background-color:var(--primary-color);color:var(--button-text)}.account-settings-list{display:flex;flex-direction:column;gap:16px}.account-setting-item{display:flex;justify-content:space-between;align-items:center}.setting-info{flex:1}.setting-name{font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:4px}.setting-description{font-size:12px;color:var(--secondary-text)}.setting-toggle{position:relative;display:inline-block;width:40px;height:20px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.4s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--text-color);transition:.4s;border-radius:50%}.toggle-input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-input:checked+.toggle-slider:before{transform:translate(20px)}@media screen and (max-width: 320px){.profile-screen{padding:12px 12px 70px}.promo-code{padding:5px 8px;font-size:11px;min-width:60px;letter-spacing:.2px}.profile-header h1{font-size:20px}.header-icon-button{width:36px;height:36px}.header-icon-button img{width:20px;height:20px}.avatar1-container{width:100px;height:100px}.user-name{font-size:20px}.tab-button{padding:10px;font-size:12px}.chart-bar-container{width:4px;height:140px}.attendance-summary{flex-direction:column;align-items:flex-start;gap:12px}.attendance-rate{align-items:flex-start}.personal-data-list{grid-template-columns:1fr}.user-data-section h3,.profile-reviews h3{font-size:16px;margin-bottom:12px}.user-data-card,.promo-item,.attendance-stat{padding:12px}.user-data-title{font-size:14px}.personal-data-value,.contact-value,.education-name,.experience-position{font-size:13px}.personal-data-label,.contact-type,.education-details,.education-period,.experience-company,.experience-period,.setting-description{font-size:11px}.setting-name{font-size:13px}.skill-tag,.interest-tag{padding:4px 8px;font-size:11px}}@media screen and (min-width: 481px) and (max-width: 768px){.promo-code{padding:8px 14px;font-size:14px;min-width:90px}}@media screen and (min-width: 769px){.promo-code{padding:10px 16px;font-size:16px;min-width:100px;letter-spacing:.7px;border-radius:10px}.promo-code:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}}@media screen and (min-width: 768px){.profile-screen{padding:24px 24px 90px;max-width:768px;margin:0 auto}.profile-header h1{font-size:28px}.header-icon-button{width:48px;height:48px}.header-icon-button img{width:28px;height:28px}.avatar1-container{width:140px;height:140px}.user-name{font-size:28px}.tab-button{padding:14px;font-size:16px}.document-card,.analytics-card,.user-data-card,.promo-item,.attendance-stat{padding:20px}.document-icon{width:56px;height:56px}.document-name{font-size:18px}.chart-bar-container{width:8px;height:180px}.chart-label{font-size:12px}.attendance-value{font-size:28px}.chart-tooltip{min-width:160px;padding:16px}.tooltip-title{font-size:16px;margin-bottom:10px}.tooltip-attendance{gap:6px;margin-bottom:10px}.tooltip-present,.tooltip-absent,.tooltip-rate{font-size:14px}.time-range-selector{padding:8px 16px;font-size:14px}.dropdown-item{padding:12px 16px;font-size:14px}.days-present,.days-absent,.rate-label{font-size:14px}.rate-value{font-size:22px}.user-data-section h3,.profile-reviews h3{font-size:20px;margin-bottom:20px}.user-data-title{font-size:18px}.user-data-edit-button{font-size:14px;gap:8px}.user-data-edit-icon{width:16px;height:16px}.personal-data-list{grid-template-columns:repeat(3,1fr);gap:20px}.personal-data-label{font-size:14px}.personal-data-value{font-size:16px}.contact-icon,.education-icon,.experience-icon{width:40px;height:40px}.contact-icon svg,.education-icon svg,.experience-icon svg{width:22px;height:22px}.contact-type,.education-period,.experience-period{font-size:14px}.contact-value,.education-details,.experience-company{font-size:16px}.education-name,.experience-position{font-size:18px}.skill-tag,.interest-tag{padding:8px 16px;font-size:14px}.setting-name{font-size:16px}.setting-description{font-size:14px}.setting-toggle{width:50px;height:24px}.toggle-slider:before{height:20px;width:20px}.toggle-input:checked+.toggle-slider:before{transform:translate(26px)}.skills-interests-container{flex-direction:row;gap:24px}.skills-interests-container>div{flex:1}.promo-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}.chart-label.jul:after,.chart-label.aug:after{content:"каникулы";position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:8px;color:#5ac8fa;white-space:nowrap;margin-top:2px}.compact-tooltip{padding:8px;width:130px}.compact-tooltip .tooltip-title{font-size:12px;margin-bottom:5px}.compact-tooltip .tooltip-attendance{gap:2px;margin-bottom:5px}.compact-tooltip .tooltip-present,.compact-tooltip .tooltip-absent,.compact-tooltip .tooltip-vacation{font-size:10px;display:flex;justify-content:space-between}.compact-tooltip .tooltip-present span,.compact-tooltip .tooltip-absent span,.compact-tooltip .tooltip-vacation span{text-align:right}.compact-tooltip .tooltip-rate{font-size:11px;margin-top:5px}.inline-text{display:flex;justify-content:space-between;white-space:nowrap}.inline-text-label{margin-right:5px}.vacation-month{position:relative}.vacation-month:after{content:"каникулы";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);font-size:8px;color:#5ac8fa;white-space:nowrap}.month-info{display:flex;justify-content:space-between;margin-bottom:10px;padding:0 5px}.month-name{font-size:12px;color:var(--secondary-text)}.month-year{font-size:14px;font-weight:600;color:var(--text-color)}.month-labels-container{display:flex;justify-content:space-between;margin-top:5px;padding:0 5px}.month-label{font-size:10px;color:var(--secondary-text);text-align:center;flex:1;max-width:24px}.month-label.vacation{color:#5ac8fa;position:relative}.month-label.vacation:after{content:"каникулы";position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:8px;color:#5ac8fa;white-space:nowrap;margin-top:2px}.total-stats{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid var(--border-color);margin-top:15px}.total-days{display:flex;flex-direction:column;gap:5px}.total-present{font-size:12px;color:var(--primary-color);white-space:nowrap}.total-absent{font-size:12px;color:#ff3b30;white-space:nowrap}.total-rate{font-size:18px;font-weight:600;color:var(--primary-color);text-align:right}.total-rate-label{font-size:12px;color:var(--secondary-text);text-align:right}.month-attendance-container{background-color:var(--card-background);border-radius:16px;padding:16px;margin-top:24px}.month-attendance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.month-attendance-header h3{font-family:var(--font-primary, "Oddval", sans-serif);font-size:18px;font-weight:600;margin:0;color:var(--text-color)}.month-attendance-chart{height:200px;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.month-attendance-summary{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border-color)}.month-attendance-average{font-size:18px;font-weight:600;color:var(--primary-color)}.month-attendance-label{font-size:12px;color:var(--secondary-text)}.compact-stats{display:flex;flex-direction:column;gap:5px;margin-left:5px}.compact-stats-row{display:flex;justify-content:space-between;font-size:10px;white-space:nowrap}.compact-stats-label{color:var(--secondary-text);margin-right:10px}.compact-stats-value{font-weight:600}.compact-stats-value.present{color:var(--primary-color)}.compact-stats-value.absent{color:#ff3b30}.compact-stats-value.rate{color:var(--text-color)}.attendance-calendar{background-color:var(--card-background);border-radius:16px;padding:16px;margin-top:16px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-title{font-weight:600;font-size:16px;color:var(--text-color)}.calendar-navigation{display:flex;gap:8px}.calendar-nav-button{width:30px;height:30px;background-color:var(--border-color);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-color);font-size:14px}.calendar-nav-button:hover{background-color:var(--border-color)}.calendar-month{font-weight:500;font-size:14px;color:var(--text-color);min-width:100px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-weekday{text-align:center;font-size:10px;color:var(--secondary-text);padding:4px 0}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-color);border-radius:50%;position:relative}.calendar-day.present{background-color:#d2ff1f33;color:var(--primary-color)}.calendar-day.absent{background-color:#ff3b3033;color:#ff3b30}.calendar-day.today{border:2px solid var(--primary-color)}.calendar-day.other-month{color:var(--secondary-text)}.calendar-day:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%}.calendar-day.present:after{background-color:var(--primary-color)}.calendar-day.absent:after{background-color:#ff3b30}.attendance-weekday-chart{background-color:var(--card-background);border-radius:16px;padding:16px;margin-top:16px}.weekday-chart-container{display:flex;justify-content:space-between;align-items:flex-end;height:150px;margin-top:16px}.weekday-column{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.weekday-bar{width:12px;background-color:var(--primary-color);border-radius:6px;transition:height .3s ease}.weekday-label{font-size:10px;color:var(--secondary-text)}.weekday-value{font-size:10px;color:var(--primary-color);font-weight:600}.user-level-container{background-color:var(--card-background);border-radius:16px;padding:16px;margin-top:16px}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.level-title{font-weight:600;font-size:16px;color:var(--text-color)}.level-badge{background-color:#9c7ae2;color:#fff;font-weight:600;font-size:14px;padding:4px 10px;border-radius:12px}.level-progress-container{margin-bottom:12px}.level-progress-bar{height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:8px}.level-progress-fill{height:100%;background-color:#9c7ae2;border-radius:4px;transition:width .5s ease}.level-progress-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--secondary-text)}.level-benefits{margin-top:16px}.level-benefits-title{font-weight:500;font-size:14px;color:var(--text-color);margin-bottom:8px}.benefits-list{display:flex;flex-direction:column;gap:8px}.benefit-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--secondary-text)}.benefit-icon{color:#9c7ae2;font-size:14px}@media screen and (max-width: 375px){.reviews-tabs{padding:3px}.reviews-tab-button{padding:6px 8px;font-size:10px}.calendar-day{font-size:10px}.weekday-bar{width:8px}.level-badge{font-size:12px;padding:3px 8px}.benefit-item{font-size:10px}.personal-data-list{grid-template-columns:1fr}.contact-data-item,.education-item,.experience-item{flex-direction:column;align-items:flex-start}.contact-icon,.education-icon,.experience-icon{margin-bottom:8px}.skills-interests-container{flex-direction:column}.account-setting-item{flex-direction:column;align-items:flex-start;gap:10px}.setting-toggle{align-self:flex-start}}.badge-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.badge-item{display:flex;flex-direction:column;align-items:center;gap:8px}.badge-icon{width:60px;height:60px;border-radius:50%;background-color:var(--border-color);display:flex;align-items:center;justify-content:center;font-size:24px;position:relative;overflow:hidden}.badge-icon.gold{background:linear-gradient(45deg,gold,orange)}.badge-icon.silver{background:linear-gradient(45deg,silver,#a9a9a9)}.badge-icon.bronze{background:linear-gradient(45deg,#cd7f32,#8b4513)}.badge-icon:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#fff0 50%);border-radius:50%}.badge-name{font-size:12px;color:var(--text-color);text-align:center;font-weight:500}.badge-date{font-size:10px;color:var(--secondary-text)}.reviews-tabs{display:flex;background-color:var(--border-color);border-radius:20px;padding:4px;margin-bottom:16px}.reviews-tab-button{flex:1;background:transparent;border:none;color:var(--text-color);padding:8px 12px;font-size:12px;font-weight:500;border-radius:16px;cursor:pointer;transition:all .2s ease}.reviews-tab-button.active{background-color:var(--primary-color);color:var(--button-text);font-weight:600}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-item{background-color:var(--card-background);border-radius:16px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.review-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.review-author{display:flex;align-items:center;gap:12px}.review-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background-color:var(--border-color)}.review-author-info{display:flex;flex-direction:column}.review-author-name{font-weight:600;font-size:14px;color:var(--text-color)}.review-date{font-size:12px;color:var(--secondary-text)}.review-rating{display:flex;gap:2px}.star-icon{color:#ffc107;font-size:16px}.star-icon.empty{color:var(--secondary-text)}.review-content{font-size:14px;color:var(--secondary-text);line-height:1.5;margin-bottom:12px}.review-course{font-size:12px;color:var(--secondary-text);display:flex;align-items:center;gap:6px}.review-course-icon{width:14px;height:14px;fill:var(--secondary-text)}.attendance-achievements{display:flex;gap:16px;overflow-x:auto;padding:4px;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--card-background)}.attendance-achievements::-webkit-scrollbar{height:6px}.attendance-achievements::-webkit-scrollbar-track{background:var(--card-background);border-radius:3px}.attendance-achievements::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.attendance-achievement{min-width:120px;background-color:var(--card-background);border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .2s ease}.attendance-achievement:hover{transform:translateY(-2px)}.achievement-icon{width:48px;height:48px;background-color:#9c7ae2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.achievement-title{font-weight:600;font-size:14px;color:var(--text-color);text-align:center}.achievement-description{font-size:12px;color:var(--secondary-text);text-align:center}.stats-container{background-color:var(--card-background);border-radius:16px;padding:16px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background-color:var(--border-color);border-radius:12px;transition:transform .2s ease}.stat-item:hover{transform:translateY(-2px)}.stat-value{font-size:20px;font-weight:600;color:var(--primary-color)}.stat-label{font-size:12px;color:var(--secondary-text);text-align:center}.attendance-history{background-color:var(--card-background);border-radius:16px;padding:16px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.history-title{font-weight:600;font-size:16px;color:var(--text-color)}.history-filter{font-size:12px;color:var(--secondary-text);display:flex;align-items:center;gap:4px;cursor:pointer}.history-filter-icon{width:14px;height:14px;fill:var(--secondary-text)}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color)}.history-item:last-child{border-bottom:none}.history-date{font-size:14px;color:var(--text-color)}.history-status{font-size:12px;padding:4px 8px;border-radius:12px}.history-status.present{background-color:var(--primary-color);color:var(--button-text)}.history-status.absent{background-color:#ff3b30;color:#fff}.history-status.late{background-color:#ff9500;color:#fff}.bonuses-container{background-color:var(--card-background);border-radius:16px;padding:16px}.bonuses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bonuses-title{font-weight:600;font-size:16px;color:var(--text-color)}.bonuses-points{display:flex;align-items:center;gap:8px}.points-icon{width:20px;height:20px;fill:var(--primary-color)}.points-value{font-weight:600;font-size:16px;color:var(--primary-color)}.bonuses-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bonus-item{background-color:var(--border-color);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease;cursor:pointer}.bonus-item:hover{transform:translateY(-2px)}.bonus-title{font-weight:600;font-size:14px;color:var(--text-color)}.bonus-cost{font-size:12px;color:var(--primary-color)}.bonus-description{font-size:12px;color:var(--secondary-text)}@media screen and (min-width: 768px){.profile-portfolio{gap:32px}.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-value{font-size:24px}.stat-label{font-size:14px}.history-title{font-size:18px}.history-filter{font-size:14px}.history-date{font-size:16px}.history-status{font-size:14px;padding:5px 10px}.bonuses-title,.points-value{font-size:18px}.bonuses-list{grid-template-columns:repeat(3,1fr)}.bonus-title{font-size:16px}.bonus-cost,.bonus-description{font-size:14px}.reviews-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.attendance-achievements{display:grid;grid-template-columns:repeat(4,1fr);overflow-x:visible}}.courses-list{display:flex;flex-direction:column;gap:16px}.course-item{background-color:var(--card-background);border-radius:16px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.course-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.course-name{font-weight:600;font-size:16px;color:var(--text-color)}.course-status{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.course-status.active{background-color:var(--primary-color);color:var(--button-text)}.course-status.completed{background-color:#34c759;color:#fff}.course-status.pending{background-color:#ff9500;color:#fff}.course-details{display:flex;justify-content:space-between;margin-bottom:12px;font-size:12px;color:var(--secondary-text)}.course-duration,.course-lessons{display:flex;align-items:center;gap:4px}.course-duration svg,.course-lessons svg{width:14px;height:14px;fill:var(--secondary-text)}.course-progress{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary-color);border-radius:4px;transition:width .5s ease}.progress-fill.completed{background-color:#34c759}.progress-text{font-size:12px;font-weight:600;color:var(--primary-color);min-width:36px;text-align:right}.progress-text.completed{color:#34c759}.certificates-list{display:flex;flex-direction:column;gap:16px}.certificate-item{background-color:var(--card-background);border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.certificate-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.certificate-icon{width:48px;height:48px;background-color:var(--primary-color);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.certificate-info{flex:1}.certificate-name{font-weight:600;margin-bottom:4px;color:var(--text-color)}.certificate-date{font-size:12px;color:var(--secondary-text)}.certificate-actions{display:flex;gap:8px}.certificate-button{width:36px;height:36px;background-color:var(--border-color);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.certificate-button:hover{background-color:var(--border-color)}.certificate-button svg{width:18px;height:18px;fill:var(--text-color)}.projects-list{display:flex;flex-direction:column;gap:16px}.project-item{background-color:var(--card-background);border-radius:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.project-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.project-image{width:100%;height:140px;object-fit:cover}.project-content{padding:16px}.project-title{font-weight:600;font-size:16px;margin-bottom:8px;color:var(--text-color)}.project-description{font-size:12px;color:var(--secondary-text);margin-bottom:12px;line-height:1.4}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tag{font-size:10px;padding:4px 8px;background-color:var(--border-color);border-radius:12px;color:var(--secondary-text)}.skills-container{background-color:var(--card-background);border-radius:16px;padding:16px}.skills-header{margin-bottom:16px}.skills-list{display:flex;flex-wrap:wrap;gap:12px}.skill-item{display:flex;flex-direction:column;align-items:center;gap:8px}.skill-circle{width:60px;height:60px;border-radius:50%;background-color:var(--border-color);display:flex;align-items:center;justify-content:center;position:relative}.skill-circle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary-color);transform:rotate(0)}.skill-circle[data-level="1"]:before{border-right-color:var(--primary-color);transform:rotate(45deg)}.skill-circle[data-level="2"]:before{border-right-color:var(--primary-color);border-bottom-color:var(--primary-color);transform:rotate(45deg)}.skill-circle[data-level="3"]:before{border-right-color:var(--primary-color);border-bottom-color:var(--primary-color);border-left-color:var(--primary-color);transform:rotate(45deg)}.skill-icon{font-size:24px;color:var(--text-color)}.skill-name{font-size:12px;color:var(--secondary-text);text-align:center}.skill-level{font-size:10px;color:var(--primary-color);font-weight:600}.achievements-list{display:flex;flex-direction:column;gap:16px}.achievement-item{background-color:var(--card-background);border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px}.achievement-icon{width:48px;height:48px;background-color:#9c7ae2;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.achievement-info{flex:1}.achievement-title{font-weight:600;margin-bottom:4px;color:var(--text-color)}.achievement-description{font-size:12px;color:var(--secondary-text)}.achievement-date{font-size:10px;color:var(--secondary-text);margin-top:4px}@media screen and (min-width: 768px){.course-name{font-size:18px}.course-details{font-size:14px}.progress-bar{height:10px}.progress-text{font-size:14px}.certificate-icon,.achievement-icon{width:56px;height:56px;font-size:28px}.certificate-name,.project-title,.achievement-title{font-size:18px}.certificate-date,.project-description,.achievement-description{font-size:14px}.project-tags{gap:10px}.project-tag{font-size:12px}.skills-list{gap:16px}.skill-circle{width:70px;height:70px}.skill-icon{font-size:28px}.skill-name{font-size:14px}.skill-level{font-size:12px}.projects-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.skills-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}}@media screen and (max-width: 480px){.edit-modal{width:95%;padding:16px}.promo-code{padding:6px 10px;font-size:12px;min-width:70px;letter-spacing:.3px;border-radius:6px}.document-flow-container{padding:16px}.document-flow-button{padding:12px 20px;font-size:14px}.document-flow-icon svg{width:20px;height:20px}.edit-modal-title{font-size:16px}.form-label{font-size:12px}.form-input,.form-select{padding:8px 10px;font-size:13px}.form-button{padding:8px 12px;font-size:13px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-content,.document-card,.analytics-card,.user-data-card,.promo-item,.attendance-stat,.course-item,.certificate-item,.project-item,.review-item,.attendance-achievement,.achievement-item{animation:fadeIn .3s ease-out}.vacancies-list{display:flex;flex-direction:column;gap:16px}.vacancy-item{background-color:var(--card-background);border-radius:16px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.vacancy-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.vacancy-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.vacancy-position{font-weight:600;font-size:16px;color:var(--text-color);margin-bottom:4px}.vacancy-company{font-size:14px;color:var(--secondary-text)}.vacancy-salary{font-weight:600;font-size:16px;color:var(--primary-color);text-align:right}.vacancy-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.vacancy-detail{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--secondary-text)}.vacancy-detail svg{width:14px;height:14px;fill:var(--secondary-text)}.vacancy-description{font-size:14px;color:var(--secondary-text);line-height:1.5;margin-bottom:12px}.vacancy-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.vacancy-tag{font-size:12px;padding:4px 10px;background-color:var(--border-color);border-radius:12px;color:var(--secondary-text)}.vacancy-actions{display:flex;justify-content:space-between}.vacancy-button{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.vacancy-button.primary{background-color:var(--primary-color);color:var(--button-text);border:none}.vacancy-button.secondary{background-color:transparent;color:var(--secondary-text);border:1px solid var(--border-color)}.vacancy-button.primary:hover{background-color:#c0ee0e}.vacancy-button.secondary:hover{background-color:var(--border-color)}@media screen and (min-width: 768px){.vacancy-position{font-size:18px}.vacancy-company{font-size:16px}.document-flow-button{padding:16px 28px;font-size:18px}.document-flow-icon svg{width:28px;height:28px}.vacancy-salary{font-size:18px}.vacancy-detail{font-size:14px}.vacancy-description{font-size:16px}.vacancy-tag{font-size:14px}.vacancy-button{padding:10px 20px;font-size:16px}}.dark-theme{--bg-primary: #1A1A1A;--bg-secondary: #2D2D2D;--bg-tertiary: #3A3A3A;--text-primary: white;--text-secondary: #CCC;--text-tertiary: #999;--accent-color: #D2FF1F;--accent-secondary: #9C7AE2;--success-color: #34C759;--warning-color: #FF9500;--error-color: #FF3B30;--info-color: #5AC8FA}.light-theme{--bg-primary: #F8F8F8;--bg-secondary: #FFFFFF;--bg-tertiary: #EEEEEE;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--accent-color: #D2FF1F;--accent-secondary: #9C7AE2;--success-color: #34C759;--warning-color: #FF9500;--error-color: #FF3B30;--info-color: #5AC8FA}.notifications-screen{width:100%;height:100%;background-color:#1a1a1a;color:#fff;padding:16px}.notifications-header{display:flex;align-items:center;margin-bottom:24px}.notifications-header h1{font-family:var(--font-primary, "Oddval", sans-serif);font-size:24px;font-weight:600;margin-left:50px;color:#d2ff1f;text-align:center}.back-button5{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;top:13px}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-item{background-color:#2d2d2d;border-radius:12px;padding:16px;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.notification-item:hover{transform:translateY(-2px);border-color:#d2ff1f59}.notification-item.is-unread{background-color:#333;border-color:#d2ff1f33}.notification-item.is-read{opacity:.88}.notification-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.notification-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#d2ff1f24;color:#d2ff1f;font-size:12px;font-weight:600}.notification-badge{font-size:12px;color:#fff;background:#5b8cff;border-radius:999px;padding:4px 10px}.notification-item h3{font-size:16px;font-weight:600;margin-bottom:8px}.notification-item p{font-size:14px;color:#ccc;margin-bottom:8px}.notification-time{font-size:12px;color:#999}.settings-screen{width:100%;height:100%;background-color:var(--app-background);color:var(--text-color);padding:16px;overflow-y:auto}.settings-header{display:flex;align-items:center;margin-bottom:24px}.back1-button{background:transparent;border:none;color:var(--text-color);font-size:24px;cursor:pointer;padding:8px;margin-right:16px}.language-dropdown{position:absolute;background-color:var(--card-background);border-radius:var(--border-radius-md);box-shadow:0 4px 8px var(--shadow-color);margin-top:8px;padding:8px 0;z-index:10;width:100%;animation:fadeIn .3s ease-out}.language-option{padding:12px 16px;font-size:var(--font-size-md);color:var(--text-color);cursor:pointer;transition:background-color .2s ease}.language-option:hover{background-color:var(--border-color)}.settings-item{position:relative}.settings-header h1{font-family:var(--font-primary, "Oddval", sans-serif);font-size:24px;font-weight:600;margin:0}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-section{background-color:var(--card-background);border-radius:16px;padding:16px}.settings-section h2{font-family:var(--font-primary, "Oddval", sans-serif);font-size:18px;font-weight:600;margin:0 0 16px}.settings-list{display:flex;flex-direction:column}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.settings-item:last-child{border-bottom:none}.settings-item-label{font-size:16px}.settings-item-value{font-size:14px;color:var(--secondary-text)}.settings-item-arrow{font-size:16px;color:var(--secondary-text);transition:transform .3s ease}.settings-item-arrow:hover{transform:scale(1.1)}.settings-item-toggle{position:relative;width:50px;height:24px}.toggle-input{opacity:0;width:0;height:0}.toggle-label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);border-radius:24px;transition:.4s}.toggle-label:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:var(--text-color);border-radius:50%;transition:.4s}.toggle-input:checked+.toggle-label{background-color:var(--primary-color)}.toggle-input:checked+.toggle-label:before{transform:translate(26px);background-color:var(--text-color)}.logout-button{background-color:#ff3b30;color:#fff;border:none;border-radius:16px;padding:16px;font-family:var(--font-primary, "Oddval", sans-serif);font-size:16px;font-weight:600;cursor:pointer;margin-top:16px;transition:background-color .2s ease}.settings-subsection{background-color:var(--card-background);border-radius:12px;padding:16px;margin-top:8px;animation:slideDown .3s ease-out}.settings-subsection-tight{padding-top:12px}.settings-subitem{margin-bottom:16px}.settings-subitem label{display:block;font-size:14px;margin-bottom:8px;color:var(--text-color)}.settings-subitem input{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--app-background);color:var(--text-color);font-size:14px;transition:border-color .2s ease}.settings-select{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--app-background);color:var(--text-color);font-size:14px}.settings-subitem input:focus{border-color:var(--primary-color);outline:none}.settings-select:focus{border-color:var(--primary-color);outline:none}.settings-hint{color:var(--secondary-text);font-size:13px;line-height:1.5;margin-bottom:12px}.settings-error,.settings-success{border-radius:8px;font-size:13px;margin-bottom:12px;padding:10px 12px}.settings-error{background:#ff3b301f;color:#ff867e}.settings-success{background:#d2ff1f24;color:#d2ff1f}.save-button{padding:10px 20px;background-color:var(--primary-color);color:var(--app-background);border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s ease,transform .2s ease}.save-button:hover{background-color:#c0ee0e;transform:translateY(-2px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 320px){.settings-screen{padding:12px}.back-button,.settings-header h1{font-size:20px}.settings-section{padding:12px}.settings-section h2{font-size:16px}.settings-item-label{font-size:14px}.settings-item-value{font-size:12px}.logout-button{font-size:14px;padding:14px}}@media screen and (min-width: 768px){.settings-screen{padding:24px;max-width:768px;margin:0 auto}.back-button,.settings-header h1{font-size:28px}.settings-section{padding:20px}.settings-section h2{font-size:20px}.settings-item{padding:16px 0}.settings-item-label{font-size:18px}.settings-item-value{font-size:16px}.logout-button{font-size:18px;padding:18px}}.admin-panel{width:100%;height:100vh;background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;overflow:hidden}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#2d2d2d}.admin-logo{display:flex;align-items:center}.admin-logo svg{fill:#d2ff1f;margin-right:12px}.admin-title{font-family:var(--font-primary, "Oddval", sans-serif);font-size:24px;font-weight:600;margin:0;color:#fff}.admin-user{display:flex;align-items:center}.user-info1{display:flex;flex-direction:column;text-align:right;margin-right:12px}.user-name{font-size:14px;font-weight:600;color:#fff}.user-role{font-size:12px;color:#d2ff1f}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#3a3a3a}.user-avatar img{width:100%;height:100%;object-fit:cover}.admin-content{display:flex;flex:1;overflow:hidden}.admin-sidebar{width:240px;background-color:#2d2d2d;display:flex;flex-direction:column;justify-content:space-between;padding:16px 0}.sidebar-tabs{display:flex;flex-direction:column}.sidebar-tab{display:flex;align-items:center;padding:12px 16px;border:none;background:none;cursor:pointer;color:#fff;font-size:16px;text-align:left;transition:all .2s ease;border-left:3px solid transparent}.sidebar-tab svg{fill:#fff;margin-right:12px;transition:all .2s ease}.sidebar-tab:hover{background-color:#3a3a3a}.sidebar-tab.active{background-color:#3a3a3a;color:#d2ff1f;border-left:3px solid #D2FF1F}.sidebar-tab.active svg{fill:#d2ff1f}.admin-dashboard{display:flex;flex-direction:column;gap:24px}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px}.admin-dashboard-meta{font-size:12px;color:#9e9e9e;background-color:#2d2d2d;border:1px solid #3A3A3A;border-radius:999px;padding:6px 12px}.admin-warning-banner{background-color:#ffab001f;border:1px solid rgba(255,171,0,.35);color:#ffd54f;border-radius:12px;padding:10px 14px;font-size:13px}.stats-overview{display:flex;flex-direction:column;gap:24px}.stats-row{display:flex;gap:24px;flex-wrap:wrap}.admin-kpi-grid .stat-card{min-width:250px}.stat-card{background-color:#2d2d2d;border-radius:16px;padding:20px;display:flex;align-items:center;box-shadow:0 4px 6px #0000001a;flex:1;min-width:220px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;border-radius:3px 0 0 3px}.stat-card.primary:before{background-color:#d2ff1f}.stat-card.success:before{background-color:#00e676}.stat-card.warning:before{background-color:#ffab00}.stat-card.info:before{background-color:#00b0ff}.stat-card.danger:before{background-color:#ff3d00}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px;background-color:#ffffff1a}.stat-icon svg{fill:#d2ff1f}.stat-card.success .stat-icon svg{fill:#00e676}.stat-card.warning .stat-icon svg{fill:#ffab00}.stat-card.info .stat-icon svg{fill:#00b0ff}.stat-card.danger .stat-icon svg{fill:#ff3d00}.stat-content{flex:1;display:flex;flex-direction:column-reverse;gap:8px;align-items:center}.stat-value{font-size:28px;font-weight:700;color:#fff;line-height:1.2}.stat-label{font-size:14px;color:#999;margin-top:4px}.stat-trend{display:flex;align-items:center;font-size:12px;padding:4px 8px;border-radius:12px;margin-left:8px}.stat-trend.positive{background-color:#00e6761a;color:#00e676}.stat-trend.negative{background-color:#ff3d001a;color:#ff3d00}.stat-trend.neutral{background-color:#ffab001a;color:#ffab00}.stat-trend svg{fill:currentColor;margin-right:4px}.chart-card{background-color:#2d2d2d;border-radius:16px;padding:20px;box-shadow:0 4px 6px #0000001a;flex:2;min-width:400px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-title{font-size:16px;font-weight:600;color:#fff;margin:0}.period-select{background-color:#3a3a3a;border:1px solid #4A4A4A;color:#fff;padding:6px 12px;border-radius:8px;font-size:14px}.chart-content{height:200px;display:flex;flex-direction:column}.chart-bar{width:30px;background:linear-gradient(to top,#d2ff1f,#d2ff1f80);border-radius:4px 4px 0 0;position:relative;cursor:pointer}.bar-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:#1a1a1a;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none}.chart-bar:hover .bar-tooltip{opacity:1}.admin-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.admin-insight-card{background-color:#2d2d2d;border:1px solid #3A3A3A;border-radius:16px;padding:16px;box-shadow:0 4px 8px #0000001f}.admin-insight-title{margin:0 0 14px;font-size:16px;font-weight:600;color:#fff}.admin-insight-list{display:flex;flex-direction:column;gap:10px}.admin-insight-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:silver}.admin-insight-row strong{color:#fff;font-weight:600;text-align:right}.admin-leaderboard-list{display:flex;flex-direction:column;gap:10px}.admin-leaderboard-item{background-color:#242424;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:7px}.admin-leaderboard-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.admin-leaderboard-name{color:#e6e6e6;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-leaderboard-value{color:#d2ff1f;font-size:13px;font-weight:700;white-space:nowrap}.admin-progress-track{width:100%;height:6px;background-color:#3c3c3c;border-radius:999px;overflow:hidden}.admin-progress-fill{height:100%;background:linear-gradient(90deg,#d2ff1f,#95be00);border-radius:inherit}.admin-progress-fill.risk{background:linear-gradient(90deg,#ff8a80,#ff3d00)}.admin-attendance-stack{display:flex;flex-direction:column;gap:24px}.admin-empty-card{text-align:center}.admin-empty-text{margin:0;color:#b0b0b0;font-size:14px}@media (max-width: 768px){.admin-dashboard-header{align-items:flex-start}.admin-kpi-grid .stat-card{min-width:100%}.admin-insight-row{flex-direction:column;align-items:flex-start;gap:4px}.admin-insight-row strong{text-align:left}}.dashboard-sections{display:flex;gap:24px;flex-wrap:wrap}.activity-section,.popular-courses-section{background-color:#2d2d2d;border-radius:16px;padding:20px;box-shadow:0 4px 6px #0000001a;flex:1;min-width:300px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:16px;font-weight:600;color:#fff;margin:0}.view-all-button{display:flex;align-items:center;background:none;border:none;color:#d2ff1f;font-size:14px;cursor:pointer}.view-all-button svg{fill:#d2ff1f;margin-left:4px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #3A3A3A}.activity-item:last-child{padding-bottom:0;border-bottom:none}.activity-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px;background-color:#3a3a3a}.activity-avatar img{width:100%;height:100%;object-fit:cover}.activity-content{flex:1}.activity-text{font-size:14px;color:#fff;margin-bottom:4px}.activity-user,.activity-course{font-weight:600;color:#d2ff1f}.activity-time{font-size:12px;color:#999}.popular-courses-list{display:flex;flex-direction:column;gap:16px}.popular-course-item{display:flex;align-items:center;background-color:#3a3a3a;border-radius:12px;overflow:hidden}.course-thumbnail{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.course-thumbnail img{width:100%;height:100%;object-fit:cover}.course-thumbnail svg{fill:#fff}.course-info{flex:1;padding:12px}.course-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.course-stats{display:flex;gap:12px;margin-bottom:8px}.course-progress{width:100%}.progress-bar{height:4px;background-color:#4a4a4a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background-color:#d2ff1f;border-radius:2px}.dashboard-footer{display:flex;gap:24px;flex-wrap:wrap}.quick-stats-card,.upcoming-events-card{background-color:#2d2d2d;border-radius:16px;padding:20px;box-shadow:0 4px 6px #0000001a;flex:1;min-width:300px}.quick-stats-header,.upcoming-events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quick-stats-title,.upcoming-events-title{font-size:16px;font-weight:600;color:#fff;margin:0}.logout-button{display:flex;align-items:center;margin:16px;padding:12px;border:none;background-color:#ff3b30;color:#fff;font-size:16px;text-align:left;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.logout-button:hover{background-color:#e02e24}.logout-button svg{fill:#fff;margin-right:12px}.button-text{font-weight:500}.admin-main{flex:1;padding:16px;overflow-y:auto;background-color:#1a1a1a}.section-title{font-family:var(--font-primary, "Oddval", sans-serif);font-size:20px;font-weight:600;color:#fff;margin:0 0 16px}.subsection-title{font-family:var(--font-primary, "Oddval", sans-serif);font-size:18px;font-weight:600;color:#fff;margin:16px 0}.admin-courses{display:flex;gap:16px;height:calc(100vh - 100px)}.admin-coursess{display:flex;flex-direction:column;gap:16px;height:calc(100vh - 100px)}.courses-list-container{width:320px;background-color:#2d2d2d;border-radius:16px;display:flex;flex-direction:column}.courses-header{display:flex;flex-direction:column;gap:16px;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #3A3A3A}.courses-header .section-title{margin:0}.add-course-button{display:flex;align-items:center;padding:8px 12px;background-color:#d2ff1f;color:#1a1a1a;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.recipient-search{width:100%}.search-container.compact{padding:0;border:none;margin:0}.search-icon-small{left:20px;top:50%;transform:translateY(-50%);fill:#999;position:absolute}.recipient-input{height:36px;padding:8px 8px 8px 36px;font-size:14px}.search-results{position:absolute;width:100%;max-height:200px;overflow-y:auto;background-color:#3a3a3a;border-radius:8px;margin-top:4px;box-shadow:0 4px 8px #0003;z-index:10}.search-result-item{padding:10px 12px;font-size:14px;color:#fff;cursor:pointer;transition:background-color .2s ease}.search-result-item:hover{background-color:#4a4a4a}.add-course-button:hover{background-color:#bfe61c}.add-course-button svg{fill:#1a1a1a;margin-right:8px}.search-container{position:relative;padding:12px 16px;border-bottom:1px solid #3A3A3A}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);fill:#999}.search-icon2{position:absolute;left:25px;top:50%;transform:translateY(-50%);fill:#999}.search-input5{width:100%;padding:10px 10px 10px 36px;border:1px solid #3A3A3A;border-radius:8px;font-size:14px;color:#fff;background-color:#3a3a3a}.admin-qrcode{display:flex;flex-direction:column;gap:24px}.qrcode-container{background-color:#2d2d2d;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:24px}.qrcode-box{display:flex;flex-direction:column;align-items:center;gap:16px;background-color:#3a3a3a;border-radius:16px;padding:24px;text-align:center}.qrcode-image{width:250px;height:250px;background-color:#fff;border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:center}.qrcode-image img{width:100%;height:100%;object-fit:contain}.qrcode-info{display:flex;flex-direction:column;gap:8px}.qrcode-url{font-size:14px;color:#d2ff1f;word-break:break-all}.qrcode-hint{font-size:12px;color:#999}.qrcode-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.regenerate-qr-button,.print-qr-button,.download-qr-button{display:flex;align-items:center;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.regenerate-qr-button{background-color:#d2ff1f;color:#1a1a1a}.regenerate-qr-button:hover{background-color:#bfe61c}.regenerate-qr-button svg{fill:#1a1a1a;margin-right:8px}.print-qr-button,.download-qr-button{background-color:#3a3a3a;color:#fff;border:1px solid #4A4A4A}.print-qr-button:hover,.download-qr-button:hover{background-color:#4a4a4a}.print-qr-button svg,.download-qr-button svg{fill:#fff;margin-right:8px}.qrcode-stats{margin-top:16px}.qrcode-stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.qrcode-stat-card{background-color:#3a3a3a;border-radius:12px;padding:16px;flex:1;min-width:150px;text-align:center}.qrcode-stat-value{font-size:24px;font-weight:600;color:#d2ff1f;margin-bottom:8px}.qrcode-stat-label{font-size:12px;color:#999}.search-input:focus{outline:none;border-color:#d2ff1f}.search-input::placeholder{color:#999}.courses-list{flex:1;overflow-y:auto;padding:12px}.course-list-item{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:background-color .2s ease;margin-bottom:8px}.course-list-item:hover{background-color:#3a3a3a}.course-list-item.active{background-color:#3a3a3a;border-left:3px solid #D2FF1F}.course-color{width:16px;height:16px;border-radius:4px;margin-right:12px}.course-list-content{flex:1}.admin-resource-subtitle{font-size:12px;color:#999;line-height:1.35}.course-list-title{font-size:14px;font-weight:600;margin-bottom:4px}.course-list-stats{display:flex;gap:12px}.course-stat{display:flex;align-items:center;font-size:12px;color:#999}.course-stat svg{fill:#999;margin-right:4px}.course-details-container{flex:1;background-color:#2d2d2d;border-radius:16px;overflow-y:auto}.no-course-selected{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999}.no-course-selected svg{fill:#3a3a3a;margin-bottom:16px}.no-course-selected p{font-size:16px}.course-details{display:flex;flex-direction:column;padding:16px}.course-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.course-details-title{font-family:var(--font-primary, "Oddval", sans-serif);font-size:20px;font-weight:600;color:#fff;margin:0}.course-actions{display:flex;gap:12px}.edit-button,.delete-button{display:flex;align-items:center;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-button{background-color:#3a3a3a;color:#d2ff1f;border:1px solid #D2FF1F}.edit-button:hover{background-color:#4a4a4a}.edit-button svg{fill:#d2ff1f;margin-right:8px}.delete-button{background-color:#3a3a3a;color:#ff3b30;border:1px solid #FF3B30}.delete-button:hover{background-color:#4a4a4a}.delete-button svg{fill:#ff3b30;margin-right:8px}.course-preview{display:flex;gap:16px;margin-bottom:16px}.course-image-container{width:240px;height:180px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#3a3a3a}.course-image{width:100%;height:100%;object-fit:cover}.course-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.course-image-placeholder svg{fill:#999}.course-info{flex:1;display:flex;flex-direction:column;gap:16px}.info-group{display:flex;flex-direction:column}.info-row{display:flex;gap:16px}.info-group.half{flex:1}.info-label{font-size:12px;color:#999;margin-bottom:4px}.info-value{font-size:14px;color:#fff}.info-value.description{line-height:1.5}.info-value.url{word-break:break-all;color:#d2ff1f}.admin-documents{background-color:#2d2d2d;border-radius:16px;padding:16px;display:flex;flex-direction:column;height:calc(100vh - 100px)}.document-tabs{display:flex;gap:12px;margin-bottom:16px;border-bottom:1px solid #3A3A3A;padding-bottom:12px}.document-tab{display:flex;align-items:center;padding:10px 16px;background:none;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.document-tab svg{fill:#fff;margin-right:8px}.document-tab:hover{background-color:#3a3a3a}.document-tab.active{background-color:#3a3a3a;color:#d2ff1f}.document-tab.active svg{fill:#d2ff1f}.document-content{flex:1;overflow-y:auto}.documents-requests{display:flex;flex-direction:column;gap:16px}.documents-controls{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px}.documents-controls .search-container{flex:1;max-width:400px;padding:0;border:none}.documents-table-container{overflow-x:auto;margin-bottom:16px}.documents-table{width:100%;border-collapse:collapse}.documents-table th{text-align:left;padding:12px 16px;border-bottom:2px solid #3A3A3A;font-size:14px;font-weight:600;color:#fff}.documents-table td{padding:12px 16px;border-bottom:1px solid #3A3A3A;font-size:14px;color:#fff}.documents-table tr{transition:background-color .2s ease;cursor:pointer}.documents-table tr:hover{background-color:#3a3a3a}.documents-table tr.selected{background-color:#d2ff1f1a;border-left:3px solid #D2FF1F}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.new{background-color:#00b0ff33;color:#00b0ff}.status-badge.processing{background-color:#ffab0033;color:#ffab00}.status-badge.completed{background-color:#00e67633;color:#00e676}.status-badge.rejected{background-color:#ff3d0033;color:#ff3d00}.status-badge.approved{background-color:#00e67633;color:#00e676}.status-badge.pending{background-color:#ffab0033;color:#ffab00}.status-badge.draft{background-color:#9993;color:#999}.table-action-button.accept svg{fill:#00e676}.table-action-button.reject svg{fill:#ff3d00}.table-action-button.complete svg{fill:#00e676}.table-action-button.download svg{fill:#00b0ff}.table-action-button.reconsider svg{fill:#ffab00}.table-action-button.edit svg{fill:#d2ff1f}.table-action-button.send svg{fill:#00b0ff}.request-details,.document-details{border-radius:16px;padding:16px}.detail-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.detail-content{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;align-items:flex-start}.detail-label{width:140px;font-size:14px;color:#999}.detail-value{flex:1;font-size:14px;color:#fff}.request-actions,.document-actions{display:flex;gap:12px;margin-top:16px}.action-button{display:flex;align-items:center;padding:8px 12px;width:100%;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.action-button svg{margin-right:8px}.action-button.process{background-color:#00b0ff33;color:#00b0ff}.action-button.process svg{fill:#00b0ff}.action-button.reject{background-color:#ff3d0033;color:#ff3d00}.action-button.reject svg{fill:#ff3d00}.action-button.create-doc{background-color:#00e67633;color:#00e676}.action-button.create-doc svg{fill:#00e676}.action-button.download{background-color:#00b0ff33;color:#00b0ff}.action-button.download svg{fill:#00b0ff}.action-button.send,.action-button.send-again{background-color:#d2ff1f33;color:#d2ff1f}.action-button.send svg,.action-button.send-again svg{fill:#d2ff1f}.action-button.reconsider{background-color:#ffab0033;color:#ffab00}.action-button.reconsider svg{fill:#ffab00}.action-button.print{background-color:#9993;color:#999}.action-button.print svg{fill:#999}.action-button.edit{background-color:#d2ff1f33;color:#d2ff1f}.action-button.edit svg{fill:#d2ff1f}.action-button.delete{background-color:#ff3d0033;color:#ff3d00}.action-button.delete svg{fill:#ff3d00}.documents-list{display:flex;flex-direction:column;gap:16px}.add-document-button{display:flex;align-items:center;padding:8px 12px;background-color:#d2ff1f;color:#1a1a1a;gap:8px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.action-buttons{display:flex;gap:12px}.add-document-button:hover{background-color:#bfe61c}.add-document-button svg{fill:#1a1a1a;margin-right:8px}.document-name{display:flex;align-items:center}.document-icon{fill:#999;margin-right:12px}.send-document-form{background-color:#2d2d2d;border-radius:12px;padding:16px;margin-top:16px}.form-subtitle{font-size:14px;font-weight:600;color:#fff;margin:0 0 16px}.send-button{display:flex;align-items:center;padding:8px 12px;background-color:#d2ff1f;color:#1a1a1a;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-top:16px}.send-button:hover{background-color:#bfe61c}.send-button svg{fill:#1a1a1a;margin-right:8px}.add-document{display:flex;flex-direction:column;gap:16px}.document-form{background-color:#3a3a3a;border-radius:16px;padding:16px}.create-button{padding:10px 16px;background-color:#d2ff1f;color:#1a1a1a;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.create-button:hover{background-color:#bfe61c}.homework-section{border-top:1px solid #3A3A3A;padding-top:16px}.homework-list{display:flex;flex-direction:column;gap:16px}.homework-item{background-color:#3a3a3a;border-radius:8px;padding:16px}.question-text{font-size:16px;font-weight:500;color:#fff;margin-bottom:12px}.question-number{color:#d2ff1f;font-weight:600}.options-list{display:flex;flex-direction:column;gap:8px;padding-left:24px}.option-item{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#fff;padding:8px 12px;border-radius:4px;background-color:#4a4a4a;border:1px solid #5A5A5A}.option-item.correct{background-color:#d2ff1f33;border-color:#d2ff1f;color:#d2ff1f;font-weight:500}.correct-icon{fill:#d2ff1f}.no-homework{background-color:#3a3a3a;border-radius:8px;padding:16px;text-align:center;color:#999}.course-edit-form{padding:16px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:500;color:#fff;margin-bottom:8px}.form-input,.form-textarea,.form-select{width:100%;padding:10px 12px;border:1px solid #3A3A3A;border-radius:8px;font-size:14px;color:#fff;background-color:#3a3a3a}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#d2ff1f}.form-textarea{resize:vertical;min-height:100px}.form-group.half{flex:1}.admin-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-resource-status{display:inline-flex;align-items:center;margin-top:8px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.admin-resource-status.active{color:#34d399;background:#34d3991f}.admin-resource-status.inactive{color:#fca5a5;background:#f871711f}.admin-structure-intro{background-color:#2d2d2d;border-radius:16px;padding:18px}.admin-structure-intro p{margin:10px 0 0;color:#bdbdbd;line-height:1.5}.admin-structure-success{padding:14px 16px;border-radius:10px;background:#34d3991f;border:1px solid rgba(52,211,153,.24);color:#86efac}.admin-structure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.admin-structure-card{background-color:#2d2d2d;border-radius:16px;padding:16px;display:flex;flex-direction:column;min-height:0}.admin-structure-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.admin-structure-card-header h4{margin:0;color:#fff;font-size:18px}.admin-structure-card-header p{margin:8px 0 0;color:#999;font-size:13px;line-height:1.45}.admin-structure-card-header .add-course-button:disabled{opacity:.5;cursor:not-allowed}.admin-structure-form{margin-bottom:16px}.admin-structure-context{margin-bottom:16px;padding:12px 14px;border-radius:10px;background:#363636;color:#d5d5d5;font-size:13px;line-height:1.5}.admin-structure-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.admin-structure-delete-button{padding:10px 14px;border-radius:8px;border:1px solid #FF3B30;background:transparent;color:#ff3b30;cursor:pointer;transition:background-color .2s ease}.admin-structure-delete-button:hover:not(:disabled){background:#ff3b301f}.admin-structure-delete-button:disabled{opacity:.55;cursor:not-allowed}.admin-structure-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.admin-structure-list-item{width:100%;padding:12px 14px;border:1px solid transparent;border-radius:10px;background:#3a3a3a;color:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:border-color .2s ease,background-color .2s ease}.admin-structure-list-item:hover{border-color:#d2ff1f3d}.admin-structure-list-item.active{border-color:#d2ff1f;background:#d2ff1f14}.admin-structure-item-title{font-size:14px;font-weight:600}.admin-structure-item-meta{font-size:12px;color:#bdbdbd}.admin-structure-item-meta.subtle{color:#8f8f8f}.admin-structure-placeholder{flex:1;border:1px dashed #4a4a4a;border-radius:12px;padding:20px 16px;display:flex;align-items:center;justify-content:center;text-align:center;color:#a5a5a5;line-height:1.6;background:#ffffff05}.form-color{width:100%;height:40px;padding:2px;border:1px solid #3A3A3A;border-radius:8px;cursor:pointer;background-color:transparent}.file-input-container{display:flex;align-items:center}.file-input{display:none}.file-input-label{display:flex;align-items:center;padding:8px 12px;background-color:#3a3a3a;color:#d2ff1f;border:1px solid #D2FF1F;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:12px}.file-input-label:hover{background-color:#4a4a4a}.file-input-label svg{fill:#d2ff1f;margin-right:8px}.file-name{font-size:14px;color:#999}.homework-question-edit{background-color:#3a3a3a;border-radius:8px;padding:16px;margin-bottom:16px}.options-container{margin-bottom:16px}.option-group{margin-bottom:8px}.option-row{display:flex;align-items:center;gap:8px}.option-radio{margin:0;accent-color:#D2FF1F}.option-input{flex:1}.option-label{display:block;font-size:12px;color:#d2ff1f;margin-top:4px;margin-left:24px}.remove-option-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;cursor:pointer}.remove-option-button svg{fill:#ff3b30}.question-actions{display:flex;gap:12px}.add-option-button,.remove-question-button,.add-question-button{display:flex;align-items:center;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-option-button,.add-question-button{background-color:#3a3a3a;color:#d2ff1f;border:1px solid #D2FF1F}.add-option-button:hover,.add-question-button:hover{background-color:#4a4a4a}.add-option-button svg,.add-question-button svg{fill:#d2ff1f;margin-right:8px}.remove-question-button{background-color:#3a3a3a;color:#ff3b30;border:1px solid #FF3B30}.remove-question-button:hover{background-color:#4a4a4a}.remove-question-button svg{fill:#ff3b30;margin-right:8px}.add-question-button{margin-bottom:24px}.cancel-button,.save-button{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button{background-color:#3a3a3a;color:#999;border:1px solid #4A4A4A}.cancel-button:hover{background-color:#4a4a4a}.save-button{background-color:#d2ff1f;color:#1a1a1a;border:none;font-weight:600}.save-button:hover{background-color:#bfe61c}.admin-students{background-color:#2d2d2d;border-radius:16px;padding:16px}.students-controls{display:flex;justify-content:space-between;margin-bottom:16px}.students-controls .search-container{flex:1;max-width:400px;padding:0;border:none}.filter-select{padding:10px 12px;border:1px solid #3A3A3A;border-radius:8px;font-size:14px;color:#fff;background-color:#3a3a3a;cursor:pointer}.filter-select:focus{outline:none;border-color:#d2ff1f}.students-table-container{overflow-x:auto;margin-bottom:16px}.students-table{width:100%;border-collapse:collapse}.students-table th{text-align:left;padding:12px 16px;border-bottom:2px solid #3A3A3A;font-size:14px;font-weight:600;color:#fff}.students-table td{padding:12px 16px;border-bottom:1px solid #3A3A3A;font-size:14px;color:#fff}.student-name{display:flex;align-items:center}.student-avatar{width:32px;height:32px;border-radius:50%;margin-right:12px;background-color:#4a4a4a}.progress-bar{width:100px;height:8px;background-color:#3a3a3a;border-radius:4px;overflow:hidden;margin-right:8px}.progress-fill{height:100%;background-color:#d2ff1f;border-radius:4px}.progress-text{font-size:12px;color:#999}.actions-cell{display:flex;gap:8px}.table-action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:#3a3a3a;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.table-action-button svg{fill:#999}.table-action-button:hover{background-color:#4a4a4a}.table-action-button.delete:hover{background-color:#ff3b3033}.table-action-button.delete:hover svg{fill:#ff3b30}.pagination{display:flex;align-items:center;justify-content:center;margin-top:16px}.pagination-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #3A3A3A;background-color:#3a3a3a;border-radius:8px;cursor:pointer;transition:all .2s ease}.pagination-button svg{fill:#fff}.pagination-button:hover{background-color:#4a4a4a}.pagination-button.prev{margin-right:8px}.pagination-button.next{margin-left:8px}.pagination-page{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #3A3A3A;background-color:#3a3a3a;border-radius:8px;margin:0 4px;font-size:14px;color:#fff;cursor:pointer;transition:all .2s ease}.pagination-page:hover{background-color:#4a4a4a}.pagination-page.active{background-color:#d2ff1f;color:#1a1a1a;border-color:#d2ff1f;font-weight:600}.pagination-ellipsis{margin:0 4px;font-size:14px;color:#999}.admin-reports{display:flex;flex-direction:column;gap:16px}.reports-filters{display:flex;align-items:center;gap:16px;background-color:#2d2d2d;border-radius:16px;padding:16px}.date-range,.course-filter{display:flex;align-items:center}.filter-label{font-size:14px;font-weight:500;color:#fff;margin-right:8px}.generate-report-button{display:flex;align-items:center;padding:8px 12px;background-color:#d2ff1f;color:#1a1a1a;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-left:auto}.generate-report-button:hover{background-color:#bfe61c}.generate-report-button svg{fill:#1a1a1a;margin-right:8px}.reports-charts{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px}.chart-container1{background-color:#2d2d2d;border-radius:16px;padding:16px;text-align:center}.chart-title{font-family:var(--font-primary, "Oddval", sans-serif);font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.chart-placeholder{height:250px;display:flex;flex-direction:column}.chart-bars{flex:1;display:flex;align-items:flex-end;justify-content:space-between;padding:0 12px}.chart-bar{width:30px;background-color:#d2ff1f;border-radius:4px 4px 0 0;position:relative;display:flex;justify-content:center}.bar-value{position:absolute;top:-24px;font-size:12px;color:#999}.chart-labels{display:flex;justify-content:space-between;padding:12px;border-top:1px solid #3A3A3A;margin-top:12px}.chart-labels span{font-size:12px;color:#999}.pie-chart{position:relative;width:200px;height:200px;border-radius:50%;margin:0 auto 20px}.pie-segment{position:absolute;width:100%;height:100%;border-radius:50%}.pie-center{position:absolute;width:60%;height:60%;background-color:#2d2d2d;border-radius:50%;top:20%;left:20%}.pie-legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.legend-item{display:flex;align-items:center;font-size:12px;color:#fff}.legend-color{width:12px;height:12px;border-radius:3px;margin-right:6px}.reports-tables{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px}.report-table-container{background-color:#2d2d2d;border-radius:16px;padding:16px}.table-title{font-family:var(--font-primary, "Oddval", sans-serif);font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.report-table{width:100%;border-collapse:collapse}.report-table th{text-align:left;padding:10px;border-bottom:2px solid #3A3A3A;font-size:12px;font-weight:600;color:#fff}.report-table td{padding:10px;border-bottom:1px solid #3A3A3A;font-size:12px;color:#fff}.admin-settings{background-color:#2d2d2d;border-radius:16px;padding:16px}.settings-section{margin-bottom:24px}.switch-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 0;border-bottom:1px solid #3A3A3A}.switch-group:last-child{border-bottom:none}.switch-label{font-size:14px;color:#fff}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#3a3a3a;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.4s}input:checked+.slider{background-color:#d2ff1f}input:checked+.slider:before{transform:translate(26px);background-color:#1a1a1a}.api-key-container{display:flex;align-items:center}.api-key-container .form-input{flex:1;background-color:#3a3a3a;cursor:not-allowed}.copy-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background-color:#3a3a3a;border-radius:8px;margin-left:8px;cursor:pointer;transition:background-color .2s ease}.copy-button svg{fill:#d2ff1f}.copy-button:hover{background-color:#4a4a4a}.regenerate-button{display:flex;align-items:center;padding:8px 12px;background-color:#3a3a3a;color:#d2ff1f;border:1px solid #D2FF1F;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:16px}.regenerate-button:hover{background-color:#4a4a4a}.regenerate-button svg{fill:#d2ff1f;margin-right:8px}@media screen and (max-width: 768px){.admin-panel{height:auto;min-height:100vh}.admin-header{padding:12px}.admin-title{font-size:20px}.admin-content{flex-direction:column}.admin-sidebar{width:100%;padding:12px 0}.sidebar-tabs{flex-direction:row;overflow-x:auto;padding:0 12px}.sidebar-tab{padding:10px 16px;border-left:none;border-bottom:3px solid transparent}.recipient-input{height:32px;font-size:13px}.search-icon-small{width:16px;height:16px}.search-result-item{padding:8px 10px;font-size:13px}.sidebar-tab.active{border-left:none;border-bottom:3px solid #D2FF1F}.logout-button{display:none}.admin-main{padding:12px}.admin-courses{flex-direction:column;height:auto}.qrcode-box{padding:16px}.qrcode-image{width:200px;height:200px}.qrcode-actions{flex-direction:column}.regenerate-qr-button,.print-qr-button,.download-qr-button{width:100%;justify-content:center}.qrcode-stats-row{flex-direction:column}.courses-list-container{width:100%;margin-bottom:16px}.course-preview{flex-direction:column}.course-image-container{width:100%;height:200px}.reports-charts,.reports-tables{grid-template-columns:1fr}.reports-filters{flex-direction:column;align-items:flex-start;gap:12px}.generate-report-button{margin-left:0;width:100%;justify-content:center}.students-controls{flex-direction:column;gap:12px}.students-controls .search-container{max-width:100%}.form-row{flex-direction:column;gap:16px}.admin-documents{height:auto}.document-tabs{overflow-x:auto;padding-bottom:8px}.document-tab{padding:8px 12px;font-size:13px;white-space:nowrap}.documents-controls{flex-direction:column;gap:12px}.documents-controls .search-container{max-width:100%}.request-details,.document-details{margin-top:16px}.detail-row{flex-direction:column;gap:4px}.detail-label{width:100%}.request-actions,.document-actions{flex-direction:column}.action-button{width:100%;justify-content:center}.send-document-form{padding:12px}}@media screen and (max-width: 480px){.admin-header{padding:8px}.admin-title{font-size:18px}.admin-main{padding:8px}.section-title{font-size:18px}.subsection-title{font-size:16px}.course-details-header{flex-direction:column;align-items:flex-start;gap:12px}.course-actions{width:100%}.edit-button,.delete-button{flex:1;justify-content:center}.course-image-container{height:160px}.qrcode-image{width:150px;height:150px;padding:8px}.qrcode-url{font-size:12px}.qrcode-hint{font-size:10px}.regenerate-qr-button,.print-qr-button,.download-qr-button{font-size:12px;padding:8px 12px}.qrcode-stat-value{font-size:20px}.qrcode-stat-label{font-size:10px}.pagination{flex-wrap:wrap;gap:8px}.document-tab{padding:6px 10px;font-size:12px}.document-tab svg{margin-right:4px;width:16px;height:16px}.documents-table th,.documents-table td{padding:8px 10px;font-size:12px}.status-badge{padding:3px 6px;font-size:10px}.table-action-button{width:28px;height:28px}.table-action-button svg{width:16px;height:16px}.detail-title,.detail-label,.detail-value{font-size:14px}.action-button{font-size:12px;padding:6px 10px}.action-button svg{width:16px;height:16px}.form-subtitle{font-size:13px}.send-button,.create-button{font-size:12px;padding:8px 12px}.recipient-input{height:30px;font-size:12px}.search-icon-small{width:14px;height:14px;left:8px}.search-result-item{padding:6px 8px;font-size:12px}}.admin-users{width:100%;padding:20px}.admin-users{font-size:14px;margin-bottom:20px;color:#333}.users-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#666}.filter-container{display:flex;align-items:center}.add-button{display:flex;align-items:center;gap:8px;padding:10px 15px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}.add-button:hover{background-color:#45a049}.users-table-container{width:100%;overflow-x:auto;margin-bottom:20px;color:#f2f2f2}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #f2f2f2}.users-table th{font-weight:600}.actions-cell{display:flex;gap:10px}.table-action-button{background:none;border:none;cursor:pointer;color:#2196f3;padding:5px;border-radius:4px;transition:background-color .3s}.table-action-button:hover{background-color:#2196f31a}.table-action-button.delete{color:#f44336}.table-action-button.delete:hover{background-color:#f443361a}.no-data{text-align:center;padding:30px;color:#777}.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px}.pagination-button{background:none;border:1px solid #ddd;padding:8px 12px;margin:0 5px;cursor:pointer;border-radius:4px}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;align-items:center}.pagination-page{background:none;border:1px solid #ddd;width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin:0 5px;cursor:pointer;border-radius:4px}.pagination-ellipsis{margin:0 5px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#1a1a1a;border-radius:8px;width:600px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:15px 20px;border-bottom:1px solid #eee}.modal-header h3{margin:0;font-size:18px;color:#fff}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#777}.modal-content{padding:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:14px;color:#ddd}.form-input,.form-select,.form-textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-textarea{min-height:100px;resize:vertical}.student-fields,.teacher-fields{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.student-fields h4,.teacher-fields h4{margin-top:0;margin-bottom:15px;font-size:16px;color:#ddd}.admin-users-helper{margin-bottom:16px;padding:12px 14px;border-radius:8px;background:#d2ff1f14;border:1px solid rgba(210,255,31,.18);color:#d5dfb0;font-size:13px;line-height:1.5}.admin-users-helper.compact{margin-top:10px;margin-bottom:0;padding:10px 12px;font-size:12px}.admin-users-helper code{color:#f8fafc}.admin-users-inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.admin-users-inline-button{border:1px solid rgba(210,255,31,.35);background:transparent;color:#d2ff1f;border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.admin-users-inline-button:hover:not(:disabled){background:#d2ff1f1f}.admin-users-inline-button:disabled{opacity:.55;cursor:not-allowed}.admin-users-inline-card{margin-bottom:16px;padding:16px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.admin-users-inline-card h5{margin:0 0 12px;color:#f3f4f6;font-size:14px}.modal-footer{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #eee;gap:10px}.cancel-button{padding:10px 15px;background-color:#f2f2f2;border:none;border-radius:4px;font-size:14px;cursor:pointer}.save-button{padding:10px 15px;color:#1a1a1a;border:none;border-radius:4px;font-size:14px;cursor:pointer}.error-message{margin-bottom:20px;padding:15px;background-color:#ffebee;border-left:5px solid #f44336;color:#d32f2f;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;font-size:16px;cursor:pointer;color:#d32f2f}.admin-users.loading{display:flex;flex-direction:column;align-items:center}.loading-spinner{margin-top:50px;text-align:center}.spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:#2196f3;border-radius:50%;animation:spin 1s linear infinite}.reports-charts{display:flex;flex-direction:column;gap:30px}.stats-table-container{width:100%;border-radius:12px;box-shadow:0 4px 12px #0000001a;background-color:#1a1a1a;padding:20px;margin-bottom:24px;overflow:auto}.table-title{font-size:18px;font-weight:600;color:#fff;margin-top:0;margin-bottom:16px}.stats-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.stats-table thead tr{background-color:#1a1a1a}.stats-table th{padding:12px 16px;font-weight:600;color:#fff;border-bottom:2px solid #e0e6ed}.stats-table td{padding:12px 16px;border-bottom:1px solid #e0e6ed;color:#fff}.stats-table tbody tr:hover{background-color:#1a1a1a;transition:background-color .2s ease}.stats-table tbody tr:last-child td{border-bottom:none}@media screen and (max-width: 768px){.stats-table-container{padding:12px;border-radius:8px}.stats-table{font-size:13px}.stats-table th,.stats-table td{padding:10px 12px}.table-title{font-size:16px;margin-bottom:12px}}@media screen and (max-width: 576px){.stats-table-container{overflow-x:auto}.stats-table{min-width:500px}}.excel-import-screen{background:#1f2937;border-radius:16px;padding:24px;color:#f8fafc}.admin-section-stack{display:flex;flex-direction:column;gap:16px;min-height:0}.excel-import-screen.embedded{padding:18px 20px;border:1px solid rgba(148,163,184,.15);box-shadow:0 12px 32px #0f172a29}.excel-import-screen.embedded .excel-import-header h2{font-size:20px}.excel-import-screen.embedded .excel-import-actions{margin-top:16px}.excel-import-header h2{margin:0 0 8px}.excel-import-header p{margin:0;color:#cbd5e1}.excel-import-actions{display:flex;gap:12px;margin-top:20px;margin-bottom:16px;flex-wrap:wrap}.excel-file-picker{border:1px dashed #64748b;border-radius:10px;padding:10px 14px;min-width:280px;cursor:pointer;background:#111827}.excel-file-picker span{color:#e2e8f0}.excel-file-picker input{display:none}.excel-import-note{margin-top:8px;padding:10px 12px;border-radius:10px;background:#0f172a;color:#cbd5e1}.excel-import-error{margin-top:12px;border-radius:10px;padding:12px;background:#7f1d1d;color:#fee2e2}.excel-import-summary{margin-top:18px;background:#0f172a;border-radius:12px;padding:16px}.excel-import-summary ul{margin:8px 0 0;padding-left:20px}.excel-import-errors-list{margin-top:12px;padding:10px;border-radius:8px;background:#111827}.excel-import-errors-list h4{margin:0 0 8px}.admin-key-management{padding:1rem 0}.admin-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.5rem;margin:0}.add-key-button{background-color:#d2ff1f;border:none;border-radius:4px;padding:8px 16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-key-button:hover{background-color:#d2ff1f}.key-form-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:24px}.key-form-container h4{margin-top:0;margin-bottom:16px;font-size:1.1rem;color:#374151}.key-form{width:100%}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px;border:1px solid #e5e7eb;border-radius:4px;background-color:#fff;font-family:inherit;font-size:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#d2ff1f;box-shadow:0 0 0 2px #4a6cf733}.key-form-hint{margin-top:8px;font-size:12px;line-height:1.4;color:#6b7280}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-button,.submit-button{padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-button{background-color:#d2ff1f;color:#fff;border:none}.submit-button:hover{background-color:#d2ff1f}.submit-button:disabled{background-color:#93c5fd;cursor:not-allowed}.keys-table-container,.pending-transfers-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:24px;overflow:auto}.keys-table-container h4,.pending-transfers-container h4{margin-top:0;margin-bottom:16px;font-size:1.1rem;color:#374151}.keys-table,.transfers-table{width:100%;border-collapse:collapse}.keys-table th,.keys-table td,.transfers-table th,.transfers-table td{padding:12px;text-align:left;color:#374151;border-bottom:1px solid #e5e7eb}.keys-table th,.transfers-table th{background-color:#f9fafb;font-weight:600;color:#4b5563}.keys-table tr:hover,.transfers-table tr:hover{background-color:#f9fafb}.key-code-cell{font-weight:600;font-family:monospace}.assigned{color:#059669;font-weight:500}.unassigned{color:#9ca3af;font-style:italic}.actions-cell{white-space:nowrap;display:flex;gap:8px}.action-button{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:4px;border-radius:4px;transition:background-color .2s ease}.action-button:hover{background-color:#f3f4f6}.action-button.edit:hover{background-color:#e0f2fe}.action-button.assign:hover{background-color:#d1fae5}.action-button.unassign:hover{background-color:#fef3c7}.action-button.delete:hover,.action-button.reject:hover{background-color:#fee2e2}.action-button.approve:hover{background-color:#d1fae5}.no-keys-message,.no-transfers-message{padding:24px;text-align:center;color:#6b7280;background-color:#f9fafb;border-radius:8px}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}@media screen and (max-width: 768px){.form-row{flex-direction:column;gap:12px}.keys-table,.transfers-table{display:block;overflow-x:auto}.action-button{padding:8px}}.admin-stories{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:18px;min-height:calc(100vh - 180px)}.admin-stories-panel{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:24px;padding:18px;min-height:0}.admin-stories-list-panel{display:flex;flex-direction:column;gap:16px}.admin-stories-toolbar,.admin-stories-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.admin-stories-title-block,.admin-stories-detail-head>div:first-child{display:flex;flex-direction:column;gap:6px}.admin-stories-subtitle{margin:0;font-size:13px;color:#bcbcbc;max-width:60ch}.admin-stories-actions{display:flex;gap:12px;flex-wrap:wrap}.admin-stories-primary-button,.admin-stories-ghost-button,.admin-stories-danger-button{border:none;border-radius:14px;padding:12px 16px;font-size:14px;font-weight:700;transition:transform .2s ease,background-color .2s ease}.admin-stories-primary-button{background:linear-gradient(135deg,#d2ff1f,#8cb800);color:#101010}.admin-stories-ghost-button{background:#242424;color:#fff;border:1px solid #404040}.admin-stories-danger-button{background:#ff54541f;color:#ff8b8b;border:1px solid rgba(255,84,84,.36)}.admin-stories-primary-button:hover,.admin-stories-ghost-button:hover,.admin-stories-danger-button:hover{border-color:transparent;transform:translateY(-1px)}.admin-stories-search{position:relative}.admin-stories-search-input{width:100%;border:1px solid #404040;border-radius:16px;background:#242424;color:#fff;padding:14px 16px;font-size:14px}.admin-stories-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.admin-stories-item{width:100%;border:1px solid #3a3a3a;border-radius:20px;background:#242424;color:#fff;padding:12px;display:flex;gap:14px;align-items:stretch;text-align:left}.admin-stories-item:hover{border:1px solid #535353;background:#292929}.admin-stories-item.active{border-color:#d2ff1f;box-shadow:0 0 0 1px #d2ff1f26}.admin-stories-item-preview{width:72px;min-width:72px;border-radius:18px;background:linear-gradient(160deg,var(--story-from),var(--story-to));display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding:8px}.admin-stories-item-preview img{width:100%;height:100%;object-fit:contain}.admin-stories-item-content{min-width:0;display:flex;flex-direction:column;gap:8px}.admin-stories-item-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.admin-stories-item-badge,.admin-stories-status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700}.admin-stories-item-badge{background:#ffffff14;color:#f1f1f1}.admin-stories-status.published{background:#d2ff1f24;color:#d2ff1f}.admin-stories-status.hidden{background:#ffffff14;color:#c7c7c7}.admin-stories-item-title{font-size:16px;line-height:1.2}.admin-stories-item-subtitle{font-size:13px;color:#b5b5b5;line-height:1.35}.admin-stories-empty,.admin-stories-empty-detail{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;color:#c4c4c4;background:#242424;border:1px dashed #444444;border-radius:20px;padding:28px}.admin-stories-detail-panel,.admin-stories-editor,.admin-stories-preview{display:flex;flex-direction:column;gap:18px;min-height:100%}.admin-stories-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-stories-field{display:flex;flex-direction:column;gap:8px}.admin-stories-field.full{grid-column:1 / -1}.admin-stories-upload-row,.admin-stories-color-row{display:flex;align-items:center;gap:12px}.admin-stories-color-picker{width:52px;min-width:52px;height:44px;border:1px solid #4a4a4a;border-radius:12px;background:transparent;padding:4px}.admin-stories-form-actions{margin-top:auto;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.admin-stories-custom-target{margin-top:10px}.admin-story-preview-card{position:relative;min-height:280px;border-radius:30px;padding:24px;overflow:hidden;background:linear-gradient(155deg,var(--story-from),var(--story-to));color:var(--story-text);display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:16px;align-items:center}.admin-story-preview-copy{display:flex;flex-direction:column;gap:10px;max-width:360px}.admin-story-preview-badge{display:inline-flex;align-items:center;width:fit-content;padding:7px 12px;border-radius:999px;background:#ffffff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.admin-story-preview-copy h4{margin:0;font-family:var(--font-primary, "Oddval", sans-serif);font-size:clamp(28px,3.6vw,48px);line-height:.94}.admin-story-preview-copy p{margin:0;font-size:15px;line-height:1.4;opacity:.92}.admin-story-preview-media{display:flex;justify-content:center;align-items:center}.admin-story-preview-media img{width:min(100%,220px);max-height:220px;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.2))}.admin-stories-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-stories-meta-card{background:#242424;border:1px solid #3a3a3a;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px}.admin-stories-meta-card span{font-size:12px;color:#a8a8a8}.admin-stories-meta-card strong{font-size:15px;color:#fff}.admin-stories-description-block{background:#242424;border:1px solid #3a3a3a;border-radius:20px;padding:18px}.admin-stories-description-label{display:inline-flex;margin-bottom:10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9f9f9f}.admin-stories-description-block p{margin:0;font-size:14px;line-height:1.6;color:#e7e7e7}@media (max-width: 1180px){.admin-stories{grid-template-columns:1fr}.admin-stories-list{max-height:360px}}@media (max-width: 768px){.admin-stories-panel{padding:16px;border-radius:20px}.admin-stories-form-grid,.admin-stories-meta-grid,.admin-story-preview-card{grid-template-columns:1fr}.admin-stories-upload-row,.admin-stories-color-row{flex-direction:column;align-items:stretch}.admin-stories-primary-button,.admin-stories-ghost-button,.admin-stories-danger-button{width:100%;justify-content:center}}.documents-screen{width:100%;height:100%;background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;overflow-y:auto}.documents-header{display:flex;align-items:center;padding:16px;position:relative}.back-button{background:transparent;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.header-title{font-size:20px;font-weight:600;color:#fff;text-align:center;flex:1;margin:0;font-family:var(--font-primary, "Oddval", sans-serif)}.header-spacer{width:40px}.documents-content{flex:1;padding:0 16px 80px}.templates-section{margin-bottom:40px}.section-title{font-size:18px;font-weight:600;margin:0 0 16px;color:#fff;font-family:var(--font-primary, "Oddval", sans-serif)}.templates-slider-container{margin:0 -16px}.template-banner{padding:0 8px}.template-content{background-color:#2d2d2d;border-radius:16px;padding:20px;height:180px;display:flex;flex-direction:column;justify-content:space-between}.template-title{font-size:18px;font-weight:600;margin:0 0 8px;color:#fff}.template-description{font-size:14px;color:#ccc;margin:0 0 16px;flex-grow:1}.download-template-button{background-color:#d2ff1f;color:#1a1a1a;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;align-self:flex-start}.download-template-button:hover{background-color:#c0ee0e;transform:translateY(-2px)}.document-submission-section{background-color:#2d2d2d;border-radius:16px;padding:20px}.document-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;color:var(--primary-color)}.form-group input,.form-group select{background-color:#3a3a3a;border:none;border-radius:8px;padding:12px 16px;color:#fff;font-size:16px}.form-group input::placeholder,.form-group select::placeholder{color:#999}.form-group input:focus,.form-group select:focus{outline:2px solid #D2FF1F}.file-upload-group{margin-top:8px}.file-upload-container{display:flex;flex-direction:column;gap:8px}.file-upload-button{position:relative;background-color:#3a3a3a;border:2px dashed #666;border-radius:8px;padding:14px;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:14px;transition:border-color .2s ease,background-color .2s ease;overflow:hidden;cursor:pointer}.file-upload-button:hover{border-color:#d2ff1f;background-color:#444}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.file-name{background-color:#444;padding:8px 12px;border-radius:6px;font-size:14px;color:#d2ff1f;word-break:break-all}.submit-document-button{background-color:#d2ff1f;color:#1a1a1a;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;margin-top:16px}.submit-document-button:hover:not(:disabled){background-color:#c0ee0e;transform:translateY(-2px)}.submit-document-button.loading{background-color:#888;cursor:not-allowed}.submit-document-button.success{background-color:#4caf50;color:#fff}.slick-dots{bottom:-30px}.slick-dots li button:before{color:#d2ff1f}.slick-dots li.slick-active button:before{color:#d2ff1f;opacity:1}.back-button{background:transparent;border:none;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700}.back-button:hover{color:#d2ff1f}.slick-prev,.slick-next{width:30px;height:30px;z-index:10}.slick-prev{left:10px}.slick-next{right:10px}.slick-prev:before,.slick-next:before{color:#d2ff1f;font-size:24px}.documents-screen{animation:fadeIn .3s ease-out}.documents-content{animation:slideUp .4s ease-out}@media screen and (max-width: 320px){.file-upload-button{padding:10px;font-size:12px}.file-name{padding:5px 8px;font-size:11px}}@media screen and (min-width: 481px) and (max-width: 768px){.file-upload-button{padding:13px;font-size:14px}}@media screen and (max-width: 480px){.template-content{height:200px}.template-title{font-size:16px}.template-description{font-size:13px}.file-upload-group label{font-size:14px}.file-upload-button{padding:12px;font-size:13px}.file-name{padding:6px 10px;font-size:12px}.download-template-button{padding:8px 14px;font-size:13px}.section-title{font-size:16px}.form-group input,.form-group select{padding:10px 14px;font-size:14px}.submit-document-button{padding:12px;font-size:14px}}@media screen and (min-width: 768px){.documents-content{max-width:720px;margin:0 auto;padding:0 24px 100px}.header-title{font-size:24px}.section-title{font-size:22px;margin-bottom:24px}.templates-slider-container{margin:0 -24px}.template-content{height:200px;padding:24px}.template-title{font-size:20px;margin-bottom:12px}.template-description{font-size:16px;margin-bottom:20px}.download-template-button{padding:12px 20px;font-size:16px}.document-submission-section{padding:30px}.form-group{gap:10px}.form-group label{font-size:16px}.form-group input,.form-group select{padding:14px 18px;font-size:16px}.file-upload-button{padding:16px;font-size:16px}.file-name{padding:10px 14px;font-size:15px}.submit-document-button{padding:16px;font-size:18px;margin-top:24px}}@media screen and (max-height: 500px) and (orientation: landscape){.documents-content{padding-bottom:120px}.template-content{height:160px}.document-form{gap:12px}.file-upload-group{margin-top:6px}.file-upload-container{gap:6px}.file-upload-button{padding:10px}}@keyframes loading{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.submit-document-button.loading{background:linear-gradient(90deg,#888,#666,#888);background-size:200% 100%;animation:loading 1.5s infinite;color:#fff}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.file-upload-button{border-width:1px}}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.submit-document-button.success{animation:success-pulse .5s ease-in-out}@media (hover: hover){.file-upload-button:hover{border-color:#d2ff1f;background-color:#444}}@media (hover: none){.file-upload-button:active{border-color:#d2ff1f;background-color:#444}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/assets/ajax-loader-BcnMEykj.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(data:application/vnd.ms-fontobject;base64,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);src:url(data:application/vnd.ms-fontobject;base64,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) format("embedded-opentype"),url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"),url(data:font/ttf;base64,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) format("truetype"),url(/assets/slick-BlzDm7g2.svg#slick) format("svg")}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translateY(-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.jobs-screen{width:100%;height:100%;background-color:var(--app-background);color:var(--text-color);display:flex;flex-direction:column;overflow-y:auto}.jobs-header{display:flex;align-items:center;justify-content:space-between;padding:16px;position:relative}.search-button{background:transparent;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-color)}.favorite-button{background:transparent;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;transition:transform .2s ease}.favorite-button:hover{transform:scale(1.1)}.favorite-button.active{color:red}.empty-favorites{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background-color:var(--card-background);border-radius:16px;margin-top:20px}.empty-favorites p{color:var(--secondary-text);font-size:16px;margin-bottom:16px}.show-all-button{background-color:var(--primary-color);color:var(--button-text2);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.show-all-button:hover{background-color:var(--primary-color);opacity:.9;transform:translateY(-2px)}.favorite-button img,.search-button img{width:24px;height:24px;filter:var(--icon-filter, none)}.header-title{font-size:20px;font-weight:600;color:var(--text-color);text-align:center;margin:0;font-family:var(--font-primary, "Oddval", sans-serif)}.jobs-tabs{display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin-bottom:16px}.tab-title{font-size:18px;font-weight:500;color:var(--text-color);margin:0;padding:8px 0;font-family:var(--font-primary, "Oddval", sans-serif)}.menu-button{background:transparent;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-color)}.menu-button img{width:24px;height:24px;filter:var(--icon-filter, none)}.jobs-content{flex:1;padding:0 16px 80px;display:flex;flex-direction:column;gap:16px}.search-header{display:flex;align-items:center;padding:12px 16px;background-color:var(--card-background);position:sticky;top:0;z-index:10;animation:slideDown .3s ease-out}.back-button1{background:transparent;border:none;color:var(--text-color);font-size:24px;padding:8px;margin-right:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-input-container{flex:1;position:relative;display:flex;align-items:center}.search-input{width:100%;background-color:var(--background-color);border:none;border-radius:8px;padding:12px 40px 12px 16px;color:var(--text-color);font-size:16px}.search-input::placeholder{color:var(--secondary-text)}.search-input:focus{outline:2px solid var(--primary-color)}.clear-search-button{position:absolute;right:12px;background:transparent;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--secondary-text)}.clear-search-button img{width:16px;height:16px;opacity:.7;filter:var(--icon-filter, none)}.search-results-info{padding:12px 16px;background-color:var(--card-background);border-radius:8px;margin-bottom:16px}.search-results-info p{margin:0;font-size:14px;color:var(--secondary-text)}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.job-card{border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;background-color:var(--card-background);border:1px solid var(--border-color)}.job-header{display:flex;align-items:flex-start}.company-logo{width:36px;height:36px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--background-color);margin-right:12px}.company-logo img{width:24px;height:24px;object-fit:contain}.job-title-container{flex:1}.job-title{font-size:16px;font-weight:600;margin:0;color:var(--text-color2)}.company-name{font-size:14px;color:var(--secondary-text);margin:0}.job-location{font-size:12px;color:var(--secondary-text);text-align:right}.job-description{font-size:14px;color:var(--text-color2);line-height:1.4}.job-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.job-tags{display:flex;gap:8px}.job-type-tag,.job-level-tag{font-size:12px;padding:4px 12px;border-radius:16px;background-color:var(--background-color);color:var(--text-color)}.job-actions{display:flex;gap:8px}.favorite-job-button,.share-job-button{width:32px;height:32px;border-radius:50%;background-color:var(--background-color);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;color:var(--text-color)}.favorite-job-button:hover,.share-job-button:hover{color:var(--button-text)}.favorite-job-button img,.share-job-button img{width:16px;height:16px;filter:var(--icon-filter, none)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.jobs-screen{animation:fadeIn .3s ease-out}.jobs-content{animation:slideUp .4s ease-out}@media screen and (max-width: 480px){.job-card{padding:14px}.search-input{padding:10px 36px 10px 14px;font-size:14px}.clear-search-button img{width:14px;height:14px}.search-results-info p{font-size:13px}.job-title{font-size:15px}.company-name,.job-description{font-size:13px}.job-type-tag,.job-level-tag{font-size:11px;padding:3px 10px}}@media screen and (min-width: 768px){.jobs-content{max-width:720px;margin:0 auto;padding:0 24px 100px}.header-title{font-size:24px}.job-card{padding:20px}.company-logo{width:44px;height:44px}.company-logo img{width:30px;height:30px}.search-header{padding:16px 24px}.search-input{padding:14px 44px 14px 18px;font-size:16px}.clear-search-button img{width:18px;height:18px}.search-results-info{padding:16px 20px;margin-bottom:20px}.search-results-info p{font-size:16px}.job-title{font-size:18px}.company-name{font-size:15px}.job-location{font-size:14px}.job-description{font-size:15px;line-height:1.5}.job-type-tag,.job-level-tag{font-size:13px;padding:5px 14px}.favorite-job-button,.share-job-button{width:36px;height:36px}.favorite-job-button img,.share-job-button img{width:18px;height:18px}}:root{--icon-filter: none}[data-theme=light]{--icon-filter: invert(.8)}.loading-indicator,.error-message{text-align:center;padding:2rem;margin:2rem;border-radius:8px}.loading-indicator{background-color:#f5f5f5;color:#666}.error-message{background-color:#fff0f0;color:#d32f2f;border:1px solid #ffcdd2}.schedule-days{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.schedule-day{border-radius:8px;box-shadow:0 2px 8px #0009;padding:1rem}.schedule-day.current-day{border-left:4px solid #D2FF1F}.day-title{margin-top:0;margin-bottom:1rem;font-weight:600;color:#f9f9f9;display:flex;align-items:center}.schedule-day.current-day .day-title{color:#d2ff1f}.schedule-day-items{display:flex;flex-direction:column;gap:.75rem}.schedule-item{position:relative;transition:transform .2s}.schedule-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.schedule-item.current-class{border:2px solid #D2FF1F}.schedule-details{display:flex;justify-content:space-between;margin-top:.5rem;color:#fff}.schedule-time{font-weight:500}.schedule-location,.schedule-group{display:flex;align-items:center;gap:.25rem;margin-top:.25rem;color:#fff}.schedule-location svg,.schedule-group svg{fill:#666}.generate-qr-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;opacity:0;transition:opacity .2s}.schedule-item:hover .generate-qr-button{opacity:1}.generate-qr-button svg{fill:#fff}.no-classes{color:#f5f5f5;font-style:italic;padding:1rem 0}.no-results{text-align:center;color:#666;padding:2rem}.qrcode-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;margin-top:1rem}.subject-info{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.subject-info h4{margin-top:0;margin-bottom:.5rem;color:#333}.subject-info p{margin:.25rem 0;color:#666}.auth-status{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem .75rem;border-radius:4px;font-size:.9rem}.auth-status.authorized{background-color:#2eb85c1a;color:#2eb85c}.auth-status.unauthorized{background-color:#e53e3e1a;color:#e53e3e}.auth-status svg{fill:currentColor}.qr-session-control{margin-bottom:1.5rem}.session-toggle-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;background-color:#4a6cf7;color:#fff}.session-toggle-button:hover{background-color:#3a5bd9}.session-toggle-button.active{background-color:#e53e3e}.session-toggle-button.active:hover{background-color:#c53030}.session-toggle-button:disabled{background-color:#e2e8f0;color:#a0aec0;cursor:not-allowed}.session-toggle-button svg{fill:currentColor}.session-status{display:flex;align-items:center;gap:.75rem;margin:1rem 0;padding:.5rem .75rem;background-color:#4a6cf71a;color:#4a6cf7;border-radius:4px;font-weight:500}.pulse-indicator{width:10px;height:10px;border-radius:50%;background-color:#4a6cf7;position:relative;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #4a6cf7b3}70%{transform:scale(1);box-shadow:0 0 0 8px #4a6cf700}to{transform:scale(.95);box-shadow:0 0 #4a6cf700}}.qrcode-box{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;background-color:#f9f9f9;border-radius:8px;margin-bottom:1.5rem}.qrcode-image{position:relative;background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.qr-timer{position:absolute;bottom:-10px;right:-10px;background-color:#4a6cf7;color:#fff;padding:.5rem .75rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-weight:500;box-shadow:0 2px 4px #0003}.qr-timer svg{fill:#fff}.qrcode-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;gap:1rem;color:#999}.qrcode-placeholder svg{fill:#ddd}.qrcode-info{text-align:center}.qrcode-hint{font-weight:500;color:#333;margin-bottom:.5rem}.qrcode-hint-secondary{color:#666;margin-top:0}.qrcode-actions{display:flex;justify-content:center;margin-bottom:1.5rem}.regenerate-qr-button{background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;transition:background-color .2s}.regenerate-qr-button:hover{background-color:#3a5ae0}.regenerate-qr-button:disabled{background-color:#c5cae9;cursor:not-allowed}.regenerate-qr-button svg{fill:#fff}.qrcode-stats{margin-top:1.5rem}.subsection-title{margin-top:0;margin-bottom:1rem;font-weight:600}.qrcode-stats-row{display:flex;gap:1rem}.qrcode-stat-card{flex:1;background-color:#f9f9f9;border-radius:8px;padding:1rem;text-align:center;box-shadow:0 2px 4px #0000000d}.qrcode-stat-value{font-size:1.75rem;font-weight:600;color:#4a6cf7;margin-bottom:.5rem}.qrcode-stat-label{color:#666;font-size:.875rem}.no-subject-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:#f9f9f9;border-radius:8px;text-align:center;color:#666;gap:1rem}.no-subject-selected svg{fill:#ccc}.key-management-tab{padding:1rem 0}.section-title{font-size:1.5rem;margin-bottom:1rem}.notification{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;animation:slide-in .3s ease}.notification.error{background-color:#fee2e2;border:1px solid #ef4444;color:#b91c1c}.notification.success{background-color:#dcfce7;border:1px solid #22c55e;color:#15803d}.notification-icon{margin-right:8px;font-size:1.2rem}.notification-message{flex:1}.notification-close{background:none;border:none;cursor:pointer;font-size:1.2rem;color:inherit}@keyframes slide-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.key-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.key-tab{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:500;color:#fff;position:relative;transition:all .2s ease}.key-tab:hover{color:#4b5563}.key-tab.active{color:#d2ff1f;border-bottom-color:#d2ff1f}.tab-badge{position:absolute;top:0;right:0;background-color:#d2ff1f;font-size:.7rem;border-radius:10px;padding:2px 6px;color:#111827;min-width:20px;text-align:center}.inbox-notification{background-color:#f0f9ff;border:1px solid #93c5fd;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;cursor:pointer;transition:background-color .2s ease}.inbox-notification:hover{background-color:#e0f2fe}.inbox-icon{margin-right:8px;font-size:1.2rem}.inbox-count{background-color:#d2ff1f;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px}.inbox-message{font-weight:500;color:#1e40af}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.spinner{width:40px;height:40px;border:4px solid rgba(74,108,247,.2);border-radius:50%;border-top-color:#d2ff1f;animation:spin 1s ease-in-out infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.keys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:32px}.key-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease;cursor:pointer;position:relative}.key-card:hover{transform:translateY(-4px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.key-card.selected{border-color:#d2ff1f;box-shadow:0 0 0 2px #4a6cf74d}.key-card-header{background-color:#f9fafb;padding:12px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.key-code{font-weight:600;font-size:1.1rem;color:#111827}.key-icon{font-size:1.2rem}.key-card-body{padding:16px}.key-detail{margin-bottom:8px;display:flex}.key-label{font-weight:500;color:#6b7280;min-width:70px}.key-value{color:#111827}.key-description{margin-top:10px;font-size:.9rem;color:#6b7280;font-style:italic}.key-card-footer{padding:8px 16px;border-top:1px solid #e5e7eb;font-size:.8rem;color:#6b7280}.transfer-form{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:20px}.transfer-form h4{margin-top:0;margin-bottom:16px;font-size:1.1rem;color:#374151}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-group{flex:1}.form-group.full-width{flex:100%}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#4b5563}.selected-key{padding:10px;border:1px solid #e5e7eb;border-radius:4px;background-color:#fff;min-height:40px;display:flex;align-items:center}.select-prompt{color:#9ca3af;font-style:italic}select,textarea{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:4px;background-color:#fff;font-family:inherit;font-size:inherit}select:disabled,textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;margin-top:20px}.transfer-button{background-color:#d2ff1f;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.transfer-button:hover{background-color:#405cd6}.transfer-button:disabled{background-color:#93c5fd;cursor:not-allowed}.no-keys-message,.no-requests-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;background-color:#f9fafb;border-radius:8px;text-align:center}.no-requests-message p{margin-top:.5rem;font-size:1rem;color:#6b7280}.no-keys-icon,.no-requests-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.requests-list{display:flex;flex-direction:column;gap:16px}.request-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.request-header{background-color:#f9fafb;padding:12px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.request-title{display:flex;align-items:center;gap:8px}.request-date{font-size:.85rem;color:#6b7280}.request-status{padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:500}.request-status.pending{background-color:#fef3c7;color:#92400e}.request-status.approved{background-color:#d1fae5;color:#065f46}.request-status.rejected{background-color:#fee2e2;color:#b91c1c}.request-status.cancelled{background-color:#f3f4f6;color:#4b5563}.request-detailss{padding:16px}.request-row{margin-bottom:8px;display:flex}.request-label{font-weight:500;color:#6b7280;min-width:110px}.request-value{color:#111827}.teacher-name{font-weight:500}.request-notes{margin-top:12px;padding-top:12px;border-top:1px dashed #e5e7eb}.notes-label{font-weight:500;color:#6b7280;margin-bottom:4px}.notes-content{font-style:italic;color:#4b5563;white-space:pre-line}.request-actions{padding:12px 16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.accept-button,.reject-button,.cancel-button{padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.accept-button{background-color:#10b981;color:#fff;border:none}.accept-button:hover{background-color:#059669}.reject-button{background-color:#fff;color:#ef4444;border:1px solid #ef4444}.reject-button:hover{background-color:#fee2e2}.cancel-button{background-color:#fff;color:#6b7280;border:1px solid #d1d5db}.cancel-button:hover{background-color:#f3f4f6;color:#4b5563}.accept-button:disabled,.reject-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.form-row{flex-direction:column;gap:12px}.keys-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 500px){.key-tabs{flex-direction:column;gap:8px;border-bottom:none}.key-tab{text-align:left;border-bottom:none;border-left:2px solid transparent;padding:8px 12px}.key-tab.active{border-bottom-color:transparent;border-left-color:#d2ff1f;background-color:#f0f9ff}.tab-badge{position:static;display:inline-flex;margin-left:8px}}@font-face{font-family:Oddval;src:url(/assets/Oddval-SemiBold-cdRm3atr.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}::-webkit-scrollbar{display:none}:root{--primary-color: #D2FF1F;--primary-color3: #121212;--primary-color2: #D2FF1F;--text-color: #E0E0E0;--text-color2: #121212;--secondary-text: #A0A0A0;--background-color: #121212;--app-background: #1A1A1A;--card-background: #2D2D2D;--border-color: #444444;--button-text: #FFFFFF;--button-text2: #FFFFFF;--shadow-color: rgba(0, 0, 0, .3);--font-primary: "Oddval", sans-serif;--font-secondary: "Arial", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-xxl: 32px;--font-size-logo: 48px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--border-radius-full: 9999px}[data-theme=light]{--primary-color: #121212;--primary-color3: #121212;--text-color: #333333;--secondary-text: #666666;--background-color: #FFFFFF;--app-background: #F5F5F5;--card-background: #e6e6e6;--border-color: #E0E0E0;--button-text: #1A1A1A;--button-text2: #F5F5F5;--primary-color2: #D2FF1F;--shadow-color: rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{font-family:var(--font-primary);font-size:var(--font-size-md);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:var(--background-color)}.app{width:100%;height:100%;position:relative;background-color:var(--app-background);margin:0 auto}@font-face{font-family:Oddval;src:url(/assets/Oddval-SemiBold-cdRm3atr.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}