@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@300;400;500;600;700;900&display=swap";
:root{--background:#0a0a0a;--surface:#1a1a1a;--surface-light:#222;--foreground:#fff;--foreground-muted:#666;--foreground-subtle:#444;--primary:#00e676;--primary-hover:#00c853;--primary-dim:#00e6761f;--secondary:#00b0ff;--secondary-dim:#00b0ff1f;--accent:#00e676;--card-bg:#1a1a1a;--card-border:#ffffff0f;--glass-bg:#1a1a1abf;--glass-border:#ffffff14;--success:#00e676;--warning:#ffd600;--error:#ff1744;--info:#00b0ff;--radius:20px;--radius-sm:12px;--radius-xs:8px;--radius-pill:9999px;--font-display:"Outfit", var(--font-noto-sans-kr), sans-serif;--font-main:var(--font-noto-sans-kr), "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 30px #0009;--glow-primary:0 0 20px #00e67659, 0 0 60px #00e6761a;--glow-primary-intense:0 0 24px #00e67680, 0 0 80px #00e6762e;--glow-secondary:0 0 20px #00b0ff4d, 0 0 60px #00b0ff14;--sidebar-width:240px;--sidebar-collapsed-width:68px;--header-height:64px;--mobile-tab-height:72px;--content-max-width:1200px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{background:var(--background);background:radial-gradient(ellipse at 20% 0%, #00e6760a 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, #00b0ff08 0%, transparent 50%), var(--background);color:var(--foreground);font-family:var(--font-main);letter-spacing:-.01em;background-attachment:fixed;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(1.2);border:1px solid var(--glass-border);border-radius:var(--radius)}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;font-family:var(--font-display);-webkit-background-clip:text;background-clip:text;font-weight:900}.gradient-border{border:none;position:relative}.gradient-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.5rem;transition:transform .2s,border-color .3s,box-shadow .3s}.card:hover{border-color:#00e67633;box-shadow:0 0 30px #00e6760a}.surface{background:var(--surface);border-radius:var(--radius);padding:1.5rem}.surface-light{background:var(--surface-light);border-radius:var(--radius);padding:1.5rem}.btn-primary{background:var(--primary);color:#0a0a0a;border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;box-shadow:var(--glow-primary);padding:.75rem 1.75rem;font-size:.9375rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.btn-primary:hover{box-shadow:var(--glow-primary-intense);background:#00ff84;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)scale(.98);box-shadow:0 0 10px #00e6764d}.btn-secondary{background:var(--surface-light);border:1px solid var(--card-border);color:var(--foreground);border-radius:var(--radius-pill);font-family:var(--font-display);padding:.75rem 1.75rem;font-size:.9375rem;font-weight:600;transition:border-color .2s,background .2s,box-shadow .2s}.btn-secondary:hover{border-color:var(--secondary);box-shadow:var(--glow-secondary);background:#00b0ff14}.btn-ghost{color:var(--foreground-muted);border-radius:var(--radius-xs);padding:.5rem 1rem;font-weight:500;transition:color .2s,background .2s}.btn-ghost:hover{color:var(--foreground);background:#ffffff0d}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],textarea,select,.form-input{background:var(--surface);border-radius:var(--radius-sm);color:var(--foreground);font-family:var(--font-main);border:1px solid #ffffff14;outline:none;width:100%;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s,background .2s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=search]:focus,input[type=date]:focus,textarea:focus,select:focus,.form-input:focus{border-color:var(--primary);background:var(--surface-light);box-shadow:0 0 0 3px #00e67626,0 0 20px #00e67614}input::placeholder,textarea::placeholder{color:var(--foreground-subtle)}label{color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.app-layout{min-height:100vh;display:flex}.app-layout__main{min-height:100vh;margin-left:var(--sidebar-width);flex-direction:column;flex:1;transition:margin-left .3s;display:flex}.app-layout__content{flex:1;padding:1.5rem 1.5rem 2rem}.app-layout__container{max-width:var(--content-max-width);width:100%;margin:0 auto}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--glass-border);z-index:100;background:#0a0a0af2;flex-direction:column;height:100vh;transition:width .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.app-layout--collapsed .app-layout__main{margin-left:var(--sidebar-collapsed-width)}.sidebar__logo{border-bottom:1px solid var(--glass-border);min-height:var(--header-height);justify-content:space-between;align-items:center;padding:1.25rem 1rem;display:flex}.sidebar__logo-link{font-size:1.375rem;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.sidebar__toggle{border-radius:var(--radius-xs);width:28px;height:28px;color:var(--foreground-muted);justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.sidebar__toggle:hover{color:var(--primary);background:var(--primary-dim)}.sidebar__nav{flex:1;padding:.75rem 0}.sidebar__menu{padding:0 .5rem;list-style:none}.sidebar__item{border-radius:var(--radius-sm);color:var(--foreground-muted);align-items:center;gap:.75rem;margin-bottom:2px;padding:.625rem .75rem;font-size:.875rem;font-weight:500;transition:color .2s,background .2s;display:flex;position:relative}.sidebar__item:hover{color:var(--foreground);background:#ffffff0a}.sidebar__item--active{color:var(--primary);background:var(--primary-dim);font-weight:600}.sidebar__item--active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 8px #00e67680}.sidebar__item--active:hover{color:var(--primary);background:#00e6762e}.sidebar__item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar__item-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__divider{border-top:1px solid var(--glass-border);margin-top:.5rem;padding:1rem 1.25rem .5rem}.sidebar__section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--foreground-subtle);font-size:.625rem;font-weight:700}.header{height:var(--header-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:50;background:#0a0a0acc;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.header__title{font-size:1.25rem;font-family:var(--font-display);letter-spacing:-.02em;font-weight:800}.header__actions{align-items:center;gap:.75rem;display:flex}.header__notification-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--foreground-muted);justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:relative}.header__notification-btn:hover{color:var(--foreground);background:#ffffff0d}.header__notification-dot{background:var(--primary);border:2px solid var(--background);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px;box-shadow:0 0 8px #00e67699}.header__profile{border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.375rem;transition:background .2s;display:flex}.header__profile:hover{background:#ffffff0d}.header__avatar{background:var(--primary-dim);width:34px;height:34px;color:var(--primary);border:2px solid #00e67666;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 0 12px #00e67626}.header__avatar-img{object-fit:cover;width:100%;height:100%}.header__nickname{color:var(--foreground);font-size:.8125rem;font-weight:600}.mobile-tab-bar{-webkit-backdrop-filter:blur(24px)saturate(1.3);border-radius:var(--radius-pill);z-index:100;background:#141414eb;border:1px solid #ffffff1a;width:calc(100% - 40px);max-width:400px;height:60px;padding:0 .5rem;display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0009,0 0 0 1px #00e6760d}.mobile-tab-bar__item{color:var(--foreground-subtle);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;font-size:.5625rem;font-weight:600;transition:color .25s;display:flex;position:relative}.mobile-tab-bar__item--active{color:var(--primary)}.mobile-tab-bar__item--active .mobile-tab-bar__icon{background:var(--primary-dim);border-radius:var(--radius-pill);padding:4px 14px;box-shadow:0 0 12px #00e67633}.mobile-tab-bar__icon{justify-content:center;align-items:center;transition:all .25s;display:flex}.mobile-tab-bar__label{letter-spacing:.02em;line-height:1}.stats-card{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.25rem;transition:transform .2s,box-shadow .3s;position:relative;overflow:hidden}.stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.stats-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stats-card:hover:before{opacity:1}.stats-card__value{font-size:2rem;font-weight:900;font-family:var(--font-display);letter-spacing:-.03em;color:var(--foreground);line-height:1.1}.stats-card__label{text-transform:uppercase;letter-spacing:.06em;color:var(--foreground-muted);margin-top:.25rem;font-size:.75rem;font-weight:600}.day-pill{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--card-border);width:44px;height:56px;color:var(--foreground-muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.day-pill__day{text-transform:uppercase;letter-spacing:.05em;color:var(--foreground-subtle);font-size:.5625rem}.day-pill--active{background:var(--primary);color:#0a0a0a;border-color:var(--primary);box-shadow:var(--glow-primary)}.day-pill--active .day-pill__day{color:#0a0a0a99}.day-pill--completed{color:var(--primary);border-color:#00e6764d}.day-pill--missed{color:var(--error);border-color:#ff174433}.progress-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring__svg{transform:rotate(-90deg)}.progress-ring__track{fill:none;stroke:var(--surface-light);stroke-width:6px}.progress-ring__fill{fill:none;stroke:var(--primary);stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 6px #00e67666);transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.progress-ring__label{font-size:1.25rem;font-weight:900;font-family:var(--font-display);color:var(--foreground);position:absolute}.feed-card{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius);transition:transform .2s,border-color .3s;overflow:hidden}.feed-card:hover{border-color:#00e67626;transform:translateY(-1px)}.feed-card__image{aspect-ratio:16/9;object-fit:cover;background:var(--surface-light);width:100%}.feed-card__content{padding:1rem 1.25rem}.feed-card__header{align-items:center;gap:.625rem;margin-bottom:.75rem;display:flex}.feed-card__avatar{background:var(--surface-light);border:2px solid var(--card-border);border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.feed-card__name{font-size:.875rem;font-weight:700}.feed-card__time{color:var(--foreground-subtle);font-size:.75rem}.feed-card__actions{border-top:1px solid var(--card-border);gap:.75rem;margin-top:.75rem;padding-top:.75rem;display:flex}.rank-item{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--card-border);align-items:center;gap:1rem;padding:.875rem 1rem;transition:background .2s,border-color .2s;display:flex}.rank-item:hover{background:var(--surface-light);border-color:#00e6761a}.rank-item__position{font-size:1.125rem;font-weight:900;font-family:var(--font-display);text-align:center;min-width:2rem;color:var(--foreground-muted)}.rank-item__position--top{color:var(--primary);text-shadow:0 0 12px #00e67666}.rank-item__avatar{border:2px solid var(--card-border);border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.rank-item__info{flex:1;min-width:0}.rank-item__name{font-size:.875rem;font-weight:700}.rank-item__sub{color:var(--foreground-muted);font-size:.75rem}.rank-item__score{font-size:1rem;font-weight:800;font-family:var(--font-display);color:var(--primary)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}.modal__header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal__title{font-size:1.125rem;font-weight:800;font-family:var(--font-display)}.modal__close{border-radius:var(--radius-xs);width:32px;height:32px;color:var(--foreground-muted);justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.modal__close:hover{color:var(--foreground);background:#ffffff0d}.modal__body{padding:1.5rem}.modal__footer{border-top:1px solid var(--card-border);justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.upload-zone{border-radius:var(--radius);text-align:center;cursor:pointer;border:2px dashed #ffffff1a;padding:3rem 2rem;transition:border-color .2s,background .2s}.upload-zone:hover{border-color:var(--primary);background:#00e67608}.upload-zone--dragging{border-color:var(--primary);background:#00e6760f;box-shadow:inset 0 0 30px #00e6760d}.upload-zone__icon{color:var(--foreground-subtle);margin-bottom:.75rem}.upload-zone__text{color:var(--foreground-muted);font-size:.875rem}.upload-zone__hint{color:var(--foreground-subtle);margin-top:.25rem;font-size:.75rem}.status-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;display:inline-flex}.status-badge--verified{color:var(--primary);background:#00e6761a;border:1px solid #00e67633}.status-badge--pending{color:var(--warning);background:#ffd60014;border:1px solid #ffd60033}.status-badge--rejected{color:var(--error);background:#ff174414;border:1px solid #ff174433}.status-badge--exempt{color:var(--secondary);background:#00b0ff14;border:1px solid #00b0ff33}.status-badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.badge--primary{background:var(--primary-dim);color:var(--primary)}.badge--success{color:var(--success);background:#00e6761f}.badge--warning{color:var(--warning);background:#ffd6001f}.badge--error{color:var(--error);background:#ff17441f}.empty-state{text-align:center;color:var(--foreground-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.empty-state__icon{color:var(--foreground-subtle);margin-bottom:1rem}.empty-state__title{color:var(--foreground);margin-bottom:.25rem;font-size:1rem;font-weight:700}.empty-state__description{font-size:.875rem}.access-denied{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.access-denied__card{text-align:center;width:100%;max-width:400px}.access-denied__title{font-size:1.25rem;font-weight:800;font-family:var(--font-display);color:var(--error);margin-bottom:.5rem}.access-denied__message{color:var(--foreground-muted);font-size:.875rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #00e6764d}50%{box-shadow:0 0 30px #00e67680,0 0 60px #00e67626}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-slide-down{animation:.3s forwards slideDown}.animate-scale-in{animation:.2s forwards scaleIn}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.animate-spin{animation:1s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-light) 50%, var(--surface) 75%);border-radius:var(--radius-xs);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.text-muted{color:var(--foreground-muted)}.text-subtle{color:var(--foreground-subtle)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.w-full{width:100%}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.rounded{border-radius:var(--radius-xs)}.rounded-lg{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:0 1.5rem;display:flex}@media (max-width:768px){.sidebar{display:none}.mobile-tab-bar{display:flex}.app-layout__main{padding-bottom:calc(var(--mobile-tab-height) + 40px);margin-left:0}.app-layout__content{padding:1rem;padding-bottom:calc(var(--mobile-tab-height) + 2.5rem)}.header__nickname{display:none}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}.container{padding:0 1rem}}@media (max-width:480px){.grid-3{grid-template-columns:1fr}.mobile-tab-bar{min-width:unset;width:auto;bottom:16px;left:16px;right:16px;transform:none}}@media (min-width:1440px){.app-layout__content{padding:2rem 3rem}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00e67633}html{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}