body{font-family:SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Noto Sans KR,sans-serif;background:#f5f5f7;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font-family:inherit}.app-wrapper{display:flex;justify-content:center;min-height:100vh;background:#f5f5f7}.app-container{width:100%;max-width:430px;min-height:100vh;background:#f5f5f7;display:flex;flex-direction:column}.app-header{background:#000000;color:#fff;height:44px;padding:0 16px;display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.08)}.header-logo{font-size:20px}.header-title{font-size:17px;font-weight:600;letter-spacing:-.374px;flex:1;color:#fff}.header-badge{background:rgba(255,255,255,.12);padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:400;letter-spacing:-.12px}.app-main{flex:1;overflow-y:auto;padding-bottom:72px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);display:flex;border-top:1px solid #e0e0e0;z-index:10}.nav-btn{flex:1;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;color:#aeaeb2;transition:color .2s}.nav-btn-active{color:#06c}.nav-btn-active .nav-icon{transform:scale(1.1)}.nav-icon{font-size:20px}.nav-label{font-size:10px;font-weight:600;letter-spacing:-.12px}.screen{padding:16px}.center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:12px}.page-header{margin-bottom:16px}.page-title{font-size:21px;font-weight:600;letter-spacing:.231px;color:#1d1d1f}.page-sub{font-size:14px;color:#7a7a7a;margin-top:4px;letter-spacing:-.224px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title{font-size:17px;font-weight:600;letter-spacing:-.374px;color:#1d1d1f}.badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px;display:inline-block;letter-spacing:-.12px}.hero{background:#1d1d1f;border-radius:18px;padding:32px 20px;text-align:center;color:#fff;margin-bottom:20px}.hero-logo{font-size:40px;margin-bottom:10px}.hero-title{font-size:28px;font-weight:600;letter-spacing:-.28px;margin-bottom:4px}.hero-sub{font-size:14px;font-weight:400;color:#ccc}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.quick-card{background:white;border:1px solid #e0e0e0;border-radius:18px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .2s}.quick-card:hover{border-color:#06c}.quick-card.blue,.quick-card.green,.quick-card.orange,.quick-card.purple{background:white}.quick-icon{font-size:28px}.quick-label{font-size:14px;font-weight:600;letter-spacing:-.224px;color:#1d1d1f}.notice-preview{background:white;border:1px solid #e0e0e0;border-radius:18px;padding:16px}.notice-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f0f0}.notice-item:last-child{border-bottom:none}.notice-badge-new{background:#fff0f0;color:#ef4444;font-size:10px;font-weight:600;padding:2px 7px;border-radius:5px;white-space:nowrap}.notice-badge-normal{background:#f5f5f7;color:#7a7a7a;font-size:10px;font-weight:600;padding:2px 7px;border-radius:5px;white-space:nowrap}.notice-text{font-size:14px;color:#1d1d1f;line-height:1.47;letter-spacing:-.224px}.notice-list{display:flex;flex-direction:column;gap:10px}.notice-card{background:white;border-radius:18px;padding:14px 16px;cursor:pointer;border:1px solid #e0e0e0;transition:border-color .2s}.notice-card:hover{border-color:#06c}.notice-card-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.notice-card-title{font-size:14px;font-weight:600;letter-spacing:-.224px;color:#1d1d1f;line-height:1.4;margin-bottom:6px}.notice-card-date{font-size:12px;color:#7a7a7a;letter-spacing:-.12px}.new-dot{background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:5px}.back-btn{font-size:14px;color:#06c;font-weight:400;padding:8px 0;margin-bottom:12px;display:inline-block}.notice-detail{background:white;border:1px solid #e0e0e0;border-radius:18px;padding:20px}.detail-title{font-size:21px;font-weight:600;letter-spacing:.231px;color:#1d1d1f;margin:10px 0 6px;line-height:1.19}.detail-date{font-size:12px;color:#7a7a7a;margin-bottom:12px}.detail-divider{border:none;border-top:1px solid #f0f0f0;margin-bottom:16px}.detail-body{font-size:14px;color:#1d1d1f;line-height:1.47;letter-spacing:-.224px}.report-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:600;letter-spacing:-.224px;color:#1d1d1f}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:11px;font-size:17px;font-family:inherit;letter-spacing:-.374px;color:#1d1d1f;background:white;outline:none;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#06c}.form-textarea{resize:vertical}.btn-primary{background:#0066cc;color:#fff;padding:14px 24px;border-radius:9999px;font-size:17px;font-weight:400;letter-spacing:-.374px;transition:background .2s,transform .1s}.btn-primary:active{transform:scale(.95)}.btn-full{width:100%}.success-icon{font-size:60px}.success-title{font-size:21px;font-weight:600;letter-spacing:.231px;color:#1d1d1f}.success-sub{font-size:17px;color:#7a7a7a;line-height:1.47}.app-main-chatbot{overflow:hidden;padding-bottom:0}.chatbot-screen{display:flex;flex-direction:column;height:calc(100vh - 93px);overflow:hidden;background:#f5f5f7}.bubble-loading{display:flex;align-items:center;gap:5px;padding:14px 18px}.loading-dot{width:8px;height:8px;border-radius:50%;background:#c7c7cc;animation:dotBounce 1.2s infinite ease-in-out}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}html.dark body{background:#000000;color:#f5f5f7}html.dark .app-wrapper,html.dark .app-container{background:#000000}html.dark .app-header{background:#1d1d1f;border-bottom-color:#ffffff0f}html.dark .bottom-nav{background:rgba(29,29,31,.92);border-color:#2c2c2e}html.dark .nav-btn{color:#636366}html.dark .nav-btn-active{color:#2997ff}html.dark .chatbot-screen{background:#000000}html.dark .hero{background:#000000;border:1px solid #2c2c2e}html.dark .quick-card{background:#1d1d1f;border-color:#2c2c2e}html.dark .quick-card:hover{border-color:#2997ff}html.dark .quick-label{color:#f5f5f7}html.dark .notice-preview{background:#1d1d1f;border-color:#2c2c2e}html.dark .notice-item{border-color:#2c2c2e}html.dark .notice-text,html.dark .section-title,html.dark .page-title{color:#f5f5f7}html.dark .page-sub{color:#7a7a7a}html.dark .notice-card{background:#1d1d1f;border-color:#2c2c2e}html.dark .notice-card:hover{border-color:#2997ff}html.dark .notice-card-title{color:#f5f5f7}html.dark .notice-card-date{color:#636366}html.dark .notice-detail{background:#1d1d1f;border-color:#2c2c2e}html.dark .detail-title{color:#f5f5f7}html.dark .detail-body{color:#ccc}html.dark .detail-divider{border-color:#2c2c2e}html.dark .back-btn{color:#2997ff}html.dark .form-input,html.dark .form-select,html.dark .form-textarea{background:#1d1d1f;border-color:#3a3a3c;color:#f5f5f7}html.dark .form-input:focus,html.dark .form-select:focus,html.dark .form-textarea:focus{border-color:#2997ff}html.dark .form-label{color:#aeaeb2}html.dark .btn-primary{background:#2997ff}html.dark .success-title{color:#f5f5f7}html.dark .success-sub{color:#7a7a7a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:#f5f5f7}html.dark,html.dark body,html.dark #root{background:#000000}body{font-family:SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c7c7cc;border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#aeaeb2}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}