@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&subset=latin,cyrillic&display=swap";.admin-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-black);color:var(--color-text-on-dark);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;transition:transform .3s ease}.sidebar-header{padding:24px 20px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo{display:flex;flex-direction:column;gap:4px}.sidebar-logo img{height:22px;width:auto}.logo-sub{font-family:var(--font-subheading);font-size:11px;text-transform:uppercase;letter-spacing:3px;opacity:.4}.sidebar-close{display:none;background:none;border:none;color:#fff9;cursor:pointer;padding:4px}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-none);color:#ffffff80;text-decoration:none;font-family:var(--font-subheading);font-size:14px;font-weight:700;letter-spacing:.5px;transition:all .3s ease;margin-bottom:1px}.nav-item:hover{color:#fff;background:#ffffff0f;text-decoration:none}.nav-item.active{color:var(--color-black);background:var(--color-primary-blue);color:#fff}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-user{min-width:0}.sidebar-user-email{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-family:var(--font-subheading);font-size:10px;text-transform:uppercase;letter-spacing:1.5px;opacity:.4;margin-top:2px}.sidebar-footer .btn-icon{color:#fff6;flex-shrink:0}.sidebar-footer .btn-icon:hover{color:#fff;background:#ffffff1a}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.main-header{display:none}.main-body{flex:1}.sidebar-overlay{display:none}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{display:block}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:190}.main-content{margin-left:0}.main-header{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--color-black);color:var(--color-text-on-dark);height:60px}.mobile-menu-btn{background:none;border:none;color:var(--color-text-on-dark);cursor:pointer;padding:4px}.header-logo-mobile{font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:2px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-black);padding:var(--spacing-md)}.login-card{background:var(--color-bg-card);border-radius:var(--radius-none);padding:48px 40px;width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header img{height:28px;margin-bottom:12px}.login-subtitle{font-family:var(--font-subheading);font-size:12px;text-transform:uppercase;letter-spacing:4px;color:var(--color-text-muted)}.login-form{display:flex;flex-direction:column}.login-error{background:#f9423a14;color:var(--color-error);padding:10px 14px;border-radius:var(--radius-none);font-size:13px;margin-bottom:var(--spacing-md);border-left:3px solid var(--color-error)}.login-btn{width:100%;padding:16px;font-size:16px;margin-top:var(--spacing-sm)}@font-face{font-family:Neutral Sans;src:url(/fonts/NeutralSans-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Neutral Sans;src:url(/fonts/NeutralSans-Meidum.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Neutral Sans;src:url(/fonts/NeutralSans-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:KOT-Eitai Gothic;src:url(https://dl.dropboxusercontent.com/scl/fi/v6r4xooktni4bd69qigcg/KOT-Eitai-Gothic.woff?rlkey=2g2i1rq7nonlywlqwaa11og01&dl=0) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--color-lavender: #C9A9EB;--color-primary-red: #F9423A;--color-primary-red-hover: #d63830;--color-light-gray: #E1DDDE;--color-dark-purple: #221C35;--color-primary-blue: #055FF3;--color-primary-blue-hover: #024AB8;--color-salmon: #EDA6A1;--color-gold: #E7B119;--color-dusty-purple: #5E4C7C;--color-black: #000000;--color-bg: #F2F2F2;--color-bg-events: #ECECEC;--color-bg-card: #FFFFFF;--color-bg-sidebar: #000000;--color-text: #221C35;--color-text-secondary: #666;--color-text-muted: #999;--color-text-on-dark: #FFFFFF;--color-border: #E1DDDE;--color-success: #22C55E;--color-warning: #E7B119;--color-error: #F9423A;--font-heading: "Neutral Sans", "Inter", sans-serif;--font-subheading: "KOT-Eitai Gothic", "Inter", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-none: 0px;--radius-ghost: 8px;--radius-archive: 24px;--radius-pill: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .12);--sidebar-width: 260px;--header-height: 50px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg)}a{color:var(--color-primary-blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.page-container{padding:var(--spacing-xl) 40px;max-width:1400px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.page-title{font-family:var(--font-heading);font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text)}.page-subtitle{font-size:14px;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.card{background:var(--color-bg-card);border-radius:var(--radius-none);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-family:var(--font-subheading);font-size:12px;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:1px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;font-family:var(--font-body);font-size:14px;color:var(--color-text);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-none);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;outline:none}.form-select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23221C35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;cursor:pointer}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-blue);box-shadow:0 0 0 3px #055ff31a}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{min-height:100px;resize:vertical}.form-error{font-size:12px;color:var(--color-error);margin-top:var(--spacing-xs)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:14px 32px;font-family:var(--font-subheading);font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border:none;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary-blue);color:#fff;border-radius:var(--radius-pill)}.btn-primary:hover:not(:disabled){background:var(--color-primary-blue-hover)}.btn-danger{background:var(--color-primary-red);color:#fff;border-radius:var(--radius-pill)}.btn-danger:hover:not(:disabled){background:var(--color-primary-red-hover)}.btn-outline{background:transparent;color:var(--color-dark-purple);border:2px solid var(--color-dark-purple);border-radius:var(--radius-pill)}.btn-outline:hover:not(:disabled){background:var(--color-dark-purple);color:#fff}.btn-ghost{background:transparent;color:var(--color-dark-purple);border-radius:var(--radius-ghost);padding:8px 16px}.btn-ghost:hover:not(:disabled){background:#221c350f}.btn-rect{background:#0360f3;color:#fff;border-radius:var(--radius-none);font-size:20px;padding:18px 40px}.btn-rect:hover:not(:disabled){background:var(--color-primary-blue-hover)}.btn-sm{padding:8px 20px;font-size:13px}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-ghost);background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.btn-icon:hover{background:#221c350f;color:var(--color-text)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;padding:12px 16px;font-family:var(--font-subheading);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);border-bottom:2px solid var(--color-dark-purple);white-space:nowrap}.table td{padding:12px 16px;border-bottom:1px solid var(--color-border);vertical-align:middle}.table tbody tr{transition:background .2s ease-in-out}.table tbody tr:hover{background:#055ff308}.table-clickable tbody tr{cursor:pointer}.badge{display:inline-flex;align-items:center;padding:.5em 1em;font-family:var(--font-subheading);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;border-radius:50px;white-space:nowrap}.badge-draft{background:#e7b11926;color:#b8860b}.badge-active{background:#22c55e26;color:#16a34a}.badge-archive{background:#66666626;color:#666}.badge-pending{background:#e7b11926;color:#b8860b}.badge-approved{background:#22c55e26;color:#16a34a}.badge-rejected{background:#f9423a26;color:#d63830}.badge-paid{background:#22c55e26;color:#16a34a}.badge-refunded{background:#66666626;color:#666}.badge-admin{background:#055ff31f;color:#055ff3}.badge-superadmin{background:#5e4c7c26;color:#5e4c7c}.badge-creator{background:#c9a9eb33;color:#5e4c7c}.badge-candidate{background:#eda6a133;color:#c0564f}.badge-qualified{background:#22c55e26;color:#16a34a}.badge-online{background:#233b6b;color:#e8effd}.badge-offline{background:var(--color-dark-purple);color:#fff}.badge-artifact{background:#c9a9eb33;color:#5e4c7c}.badge-product{background:#e7b11926;color:#b8860b}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal-content{background:var(--color-bg-card);border-radius:var(--radius-none);padding:var(--spacing-xl);max-width:560px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.modal-title{font-family:var(--font-heading);font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pagination{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg)}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-none);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all .2s ease-in-out;color:var(--color-text-muted)}.upload-zone:hover{border-color:var(--color-primary-blue);background:#055ff308;color:var(--color-primary-blue)}.upload-zone.dragging{border-color:var(--color-primary-blue);background:#055ff30f}.upload-preview{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.upload-preview-item{position:relative;width:80px;height:80px;border-radius:var(--radius-none);overflow:hidden;border:1px solid var(--color-border)}.upload-preview-item img{width:100%;height:100%;object-fit:cover}.upload-preview-item .remove-btn{position:absolute;top:2px;right:2px;width:20px;height:20px;background:#0009;color:#fff;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary-blue);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{display:flex;align-items:center;justify-content:center;height:60vh}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.empty-state svg{width:48px;height:48px;margin-bottom:var(--spacing-md);opacity:.3}.filter-bar{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center}.filter-bar .form-input,.filter-bar .form-select{width:auto;min-width:180px}.section{margin-bottom:var(--spacing-xl)}.section-title{font-family:var(--font-subheading);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-dark-purple)}.sortable-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sortable-item{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-none);padding:var(--spacing-sm) var(--spacing-md)}.sortable-item .drag-handle{cursor:grab;color:var(--color-text-muted);flex-shrink:0}.sortable-item .item-content{flex:1;min-width:0}.sortable-item .item-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}@media(max-width:768px){.page-container{padding:var(--spacing-md) 20px}.form-row,.form-row-3{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}
