.sidebar[data-v-085b83ec]{background:var(--yok-surface);border-right:1px solid var(--yok-border);flex-direction:column;flex-shrink:0;width:240px;height:100vh;min-height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed[data-v-085b83ec]{width:68px}.sidebar-logo[data-v-085b83ec]{flex-shrink:0;align-items:center;gap:12px;padding:20px 16px;display:flex;overflow:hidden}.logo-mark[data-v-085b83ec]{flex-shrink:0}.logo-text[data-v-085b83ec]{white-space:nowrap;flex-direction:column;display:flex}.logo-brand[data-v-085b83ec]{font-family:var(--font-display);color:var(--yok-text);font-size:16px;font-weight:800}.logo-sub[data-v-085b83ec]{color:var(--yok-text-3);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.sidebar-divider[data-v-085b83ec]{background:var(--yok-border);height:1px;margin:4px 0}.sidebar-nav[data-v-085b83ec]{flex-direction:column;gap:2px;padding:8px 10px;display:flex}.nav-item[data-v-085b83ec]{border-radius:var(--r-md);color:var(--yok-text-2);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex;overflow:hidden}.nav-item[data-v-085b83ec]:hover{color:var(--yok-text);background:#ffffff0d}.nav-item.active[data-v-085b83ec]{background:var(--yok-accent-glow);color:var(--yok-accent)}.nav-icon[data-v-085b83ec]{text-align:center;flex-shrink:0;width:22px;font-size:17px}.nav-label[data-v-085b83ec]{flex:1}.nav-badge[data-v-085b83ec]{background:var(--yok-accent);color:#0d0f0e;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:700}.sidebar-spacer[data-v-085b83ec]{flex:1}.sidebar-bottom[data-v-085b83ec]{flex-direction:column;gap:8px;padding:10px 10px 16px;display:flex}.user-card[data-v-085b83ec]{border-radius:var(--r-md);background:var(--yok-card);border:1px solid var(--yok-border);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;display:flex;overflow:hidden}.user-avatar[data-v-085b83ec]{background:linear-gradient(135deg, var(--yok-accent), var(--yok-amber));color:#0d0f0e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.user-info[data-v-085b83ec]{white-space:nowrap;flex-direction:column;display:flex}.user-name[data-v-085b83ec]{font-size:13px;font-weight:600}.user-plan[data-v-085b83ec]{color:var(--yok-text-3);font-size:11px}.app-header[data-v-7c2ca79a]{border-bottom:1px solid var(--yok-border);background:var(--yok-surface);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.header-title[data-v-7c2ca79a]{font-size:18px;font-weight:700;font-family:var(--font-display)}.breadcrumb[data-v-7c2ca79a]{color:var(--yok-text-3);align-items:center;gap:6px;font-size:13px;display:flex}.bc-sep[data-v-7c2ca79a]{color:var(--yok-border-2)}.bc-current[data-v-7c2ca79a]{color:var(--yok-text-2)}.header-right[data-v-7c2ca79a]{align-items:center;gap:12px;display:flex}.header-date[data-v-7c2ca79a]{align-items:baseline;gap:6px;font-size:13px;display:flex}.date-day[data-v-7c2ca79a]{font-family:var(--font-display);color:var(--yok-accent);font-weight:700}.date-rest[data-v-7c2ca79a]{color:var(--yok-text-3)}.header-notif[data-v-7c2ca79a]{font-size:15px}:root{--yok-bg:#0d0f0e;--yok-surface:#141715;--yok-card:#1a1d1b;--yok-border:#252825;--yok-border-2:#2e322f;--yok-accent:#b8e04a;--yok-accent-2:#8cbf2e;--yok-accent-3:#d4f06e;--yok-accent-glow:#b8e04a2e;--yok-amber:#f0a840;--yok-amber-dim:#f0a84026;--yok-text:#e8ece6;--yok-text-2:#98a290;--yok-text-3:#5a6154;--yok-danger:#f05c5c;--yok-success:#4caf80;--yok-warning:#f0a840;--yok-info:#5cb8f0;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--shadow-card:0 2px 16px #0006;--shadow-glow:0 0 32px var(--yok-accent-glow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--yok-bg);color:var(--yok-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--yok-bg)}::-webkit-scrollbar-thumb{background:var(--yok-border-2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--yok-text-3)}.app-shell{min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.page-body{flex:1;padding:28px 32px;overflow-y:auto}.card{background:var(--yok-card);border:1px solid var(--yok-border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:24px}.card-sm{background:var(--yok-card);border:1px solid var(--yok-border);border-radius:var(--r-md);padding:16px}.btn{border-radius:var(--r-md);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .18s;display:inline-flex}.btn-primary{background:var(--yok-accent);color:#0d0f0e}.btn-primary:hover{background:var(--yok-accent-3);box-shadow:0 4px 16px var(--yok-accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--yok-surface);color:var(--yok-text);border:1px solid var(--yok-border-2)}.btn-secondary:hover{border-color:var(--yok-accent);color:var(--yok-accent)}.btn-ghost{color:var(--yok-text-2);border:1px solid var(--yok-border);background:0 0}.btn-ghost:hover{background:var(--yok-surface);color:var(--yok-text)}.btn-danger{color:var(--yok-danger);background:#f05c5c26;border:1px solid #f05c5c40}.btn-danger:hover{background:#f05c5c40}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:13px 28px;font-size:15px}.btn-icon{border-radius:var(--r-md);padding:9px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--yok-text-2);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:500}.form-input,.form-select,.form-textarea{background:var(--yok-surface);border:1px solid var(--yok-border-2);border-radius:var(--r-md);color:var(--yok-text);font-family:var(--font-body);outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--yok-accent);box-shadow:0 0 0 3px var(--yok-accent-glow)}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:none;cursor:pointer}.form-select option{background:var(--yok-card)}.table-wrap{border-radius:var(--r-lg);border:1px solid var(--yok-border);overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{background:var(--yok-surface)}th{text-align:left;font-family:var(--font-display);color:var(--yok-text-2);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--yok-border);padding:12px 16px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--yok-border);vertical-align:middle;padding:13px 16px;font-size:14px}tbody tr{transition:background .12s}tbody tr:hover{background:#ffffff06}tbody tr:last-child td{border-bottom:none}.badge{border-radius:99px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-accent{background:var(--yok-accent-glow);color:var(--yok-accent)}.badge-amber{background:var(--yok-amber-dim);color:var(--yok-amber)}.badge-gray{color:var(--yok-text-2);background:#ffffff0f}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-title{font-size:24px;font-family:var(--font-display)}.page-sub{color:var(--yok-text-2);margin-top:4px;font-size:14px}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.page-body{padding:20px 16px}}@media (width<=600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.15s fadein;display:flex;position:fixed;inset:0}.modal-box{background:var(--yok-card);border:1px solid var(--yok-border-2);border-radius:var(--r-xl);width:100%;max-width:600px;max-height:90vh;animation:.2s slidein;overflow-y:auto;box-shadow:0 24px 80px #0009}.modal-head{border-bottom:1px solid var(--yok-border);justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.modal-head h3{font-size:18px}.modal-body{flex-direction:column;gap:20px;padding:28px;display:flex}.modal-foot{border-top:1px solid var(--yok-border);justify-content:flex-end;gap:12px;padding:18px 28px;display:flex}.stat-card{background:var(--yok-card);border:1px solid var(--yok-border);border-radius:var(--r-lg);flex-direction:column;gap:10px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--yok-accent), transparent);height:2px;position:absolute;top:0;left:0;right:0}.stat-label{color:var(--yok-text-2);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:500}.stat-value{font-size:32px;font-family:var(--font-display);font-weight:800}.stat-icon{border-radius:var(--r-md);background:var(--yok-accent-glow);justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;position:absolute;top:20px;right:20px}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slidein{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-enter-active,.fade-leave-active{transition:opacity .2s,transform .2s}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0;transform:translateY(-8px)}.skeleton{background:linear-gradient(90deg, var(--yok-border) 25%, var(--yok-border-2) 50%, var(--yok-border) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.toast-container{z-index:200;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:28px;right:28px}.toast{border-radius:var(--r-md);align-items:center;gap:10px;min-width:240px;padding:12px 20px;font-size:14px;font-weight:500;animation:.2s slidein;display:flex;box-shadow:0 8px 32px #0006}.toast-success{color:#4caf80;background:#4caf8033;border:1px solid #4caf8066}.toast-error{color:var(--yok-danger);background:#f05c5c33;border:1px solid #f05c5c66}.toast-info{color:var(--yok-info);background:#5cb8f026;border:1px solid #5cb8f04d}.divider{background:var(--yok-border);height:1px;margin:4px 0}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;display:flex}.empty-icon{opacity:.4;font-size:48px}.empty-title{font-size:18px;font-family:var(--font-display);color:var(--yok-text-2)}.empty-sub{color:var(--yok-text-3);max-width:340px;font-size:14px}.search-bar{align-items:center;display:flex;position:relative}.search-bar .icon{color:var(--yok-text-3);pointer-events:none;position:absolute;left:12px}.search-bar .form-input{padding-left:36px}.chip{background:var(--yok-surface);border:1px solid var(--yok-border-2);color:var(--yok-text-2);border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;display:inline-flex}.chip-remove{cursor:pointer;color:var(--yok-text-3);font-size:16px;line-height:1}.chip-remove:hover{color:var(--yok-danger)}