:root{--ink:#182d31;--muted:#6c7c7d;--paper:#f5f5f0;--surface:#fff;--line:#e4e9e6;--accent:#e95c4b;--soft:#e9f2ee;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR',sans-serif;line-height:1.6;letter-spacing:-.025em;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e95c4b77;outline-offset:3px}a{color:var(--ink)}.container{max-width:1600px!important;width:100%;margin:0 auto!important;padding:0!important;box-shadow:none!important;background:transparent!important}.app-topbar{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:27px;font-weight:850;letter-spacing:-1.5px}.brand img{height:46px;width:46px}.brand small{display:block;font-size:11px;letter-spacing:0;font-weight:500;color:var(--muted);margin-top:-3px}.topbar-actions{display:flex;gap:24px;align-items:center}.free-chip{font-size:12px;background:var(--soft);padding:7px 12px;border-radius:30px;color:#3d6e5b}.side-nav{position:absolute;width:238px;padding:35px 22px}.nav-caption{font-size:10px;letter-spacing:2px;color:#99a3a0;padding:0 18px;margin-bottom:15px}.side-nav nav{display:flex;flex-direction:column;gap:7px}.side-nav button{display:flex;align-items:center;gap:13px;width:100%;background:transparent;border:0;color:#768581;border-radius:12px;text-align:left;padding:13px 18px;margin:0;font-weight:600}.side-nav button svg,#mobile-navigation svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.side-nav button.active{background:var(--ink);color:#fff}.side-nav button:hover:not(.active){background:#e9ece6;color:var(--ink)}.nav-note{margin-top:50px;background:#eaece4;border-radius:18px;padding:20px}.nav-note img{width:32px;display:block;margin-bottom:15px}.nav-note strong{font-size:16px;line-height:1.5}.nav-note a{font-size:11px;display:block;margin-top:17px;color:var(--muted)}.main-layout{display:block!important;margin-left:238px;padding:30px 40px 48px;min-height:calc(100vh - 96px)}.main-layout>*,.management-column>*,.quote-creator-column>*{min-width:0}.user-info-area{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;border:0!important;background:transparent!important;box-shadow:none!important;margin:0 0 18px!important;padding:0!important;grid-column:auto!important;font-size:11px;color:var(--muted)}.user-info-area button,.user-info-area a{font-size:10px!important;padding:5px 9px!important;background:transparent!important;color:var(--muted)!important;border:1px solid var(--line)!important;border-radius:7px!important;margin:0!important}.user-info-area .user-greeting-status{margin-right:auto}.user-info-area #purchase-pass-btn{color:var(--accent)!important}.screen-home{margin-bottom:24px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:5px 0 30px;gap:24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent);margin:0 0 14px}h1{font-size:35px;line-height:1.3;letter-spacing:-1.6px;font-weight:750;margin:0 0 14px}h2{font-size:18px;color:var(--ink);margin:0 0 20px;border:0;padding:0}h3{color:var(--ink)}.page-heading p:not(.eyebrow),#workspace-description{color:var(--muted);font-size:13px;margin:0}.hero-stamp{display:flex;align-items:center;gap:20px;padding:20px 32px;background:#eeeee5;border-radius:90px 16px 90px 16px;transform:rotate(-3deg)}.hero-stamp img{width:86px;height:86px;transform:rotate(12deg);box-shadow:8px 10px 0 #d9ded2;border-radius:27px}.hero-stamp span{font-size:12px;line-height:1.9;color:#738074}.hero-stamp b{color:#384b44}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stats-grid article{background:#fff;border:1px solid var(--line);padding:20px 24px;border-radius:16px;display:flex;flex-direction:column}.stats-grid article:nth-child(2){background:var(--ink);color:#fff;border-color:var(--ink)}.stats-grid article span{font-size:12px;opacity:.75}.stats-grid strong{font-size:30px;line-height:1.3;letter-spacing:-1px;margin:9px 0}.stats-grid small{font-size:10px;opacity:.5}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;margin:0 0 22px;padding:26px;background:#fff}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{margin:0}.text-btn{background:transparent!important;color:var(--muted)!important;border:0!important;font-size:11px!important;padding:0!important;margin:0!important}.recent-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line);text-decoration:none}.recent-icon{width:36px;height:42px;border-radius:9px;background:var(--soft);display:grid;place-items:center;color:#487b66;font-size:17px}.recent-info{flex:1;min-width:0}.recent-info strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-info small{display:block;font-size:10px;color:var(--muted)}.recent-amount{text-align:right;font-weight:650;font-size:13px}.recent-amount small{display:block;color:var(--muted);font-size:10px;font-weight:400}.quick-start{background:#edf1e9}.quick-start h2{font-size:22px;line-height:1.5;max-width:230px}.quick-start button{display:flex;justify-content:space-between;align-items:center;width:100%;margin:8px 0;padding:13px 16px;background:white;color:var(--ink);border:1px solid #e2e8df;border-radius:11px;font-size:12px;font-weight:600}.quick-start button:first-of-type{background:var(--ink);color:white;border-color:var(--ink)}.quick-start a{display:block;color:#718071;font-size:11px;margin-top:20px}.onboarding-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:6px 0 25px}.onboarding-strip>div{border-top:1px solid #d6ddd6;padding-top:20px}.step-number{font-size:11px;font-weight:700;color:var(--accent);margin-right:12px}.onboarding-strip strong{font-size:12px}.onboarding-strip p{font-size:11px;color:var(--muted);margin:4px 0 0 30px}#workspace-heading{padding:6px 0 28px}#workspace-heading h1{font-size:29px}#workspace-heading .eyebrow{margin-bottom:8px}.management-column,.quote-creator-column{display:contents!important}.cloud-hidden{display:none!important}button,.primary-btn{background:var(--ink);color:white;border:1px solid var(--ink);border-radius:10px;font-weight:600;padding:11px 17px;margin-top:10px;box-shadow:none}.primary-btn:hover,button:hover{background:#29484b}.secondary-btn{background:#f1f4f1!important;color:var(--ink)!important;border:1px solid var(--line)!important}.danger-btn,.delete-btn{background:#fff0ed!important;border-color:#ffded8!important;color:#bc493d!important}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;padding:12px 14px;border:1px solid #dfe6e1;border-radius:10px;color:var(--ink);background:#fafbf9;font-size:13px;min-height:44px;box-sizing:border-box}input::placeholder,textarea::placeholder{color:#97a39c}input:focus,select:focus,textarea:focus{border-color:#668b79;background:white}label{font-size:12px;font-weight:600;color:#4c6359}.form-grid,.quote-form-grid{gap:18px}.layout-selector{display:flex;gap:8px}.layout-selector button{white-space:nowrap;margin:0}.quote-creator .collapsible-content{max-height:none!important;overflow:visible!important;display:block!important;padding-top:20px}.quote-creator .collapsible-arrow,.quote-creator .collapsible-prompt{display:none}.quote-creator .collapsible-header{cursor:default;border-bottom:1px solid var(--line);padding-bottom:20px}.company-name-wrapper{font-size:11px;color:var(--muted)}.total-section{background:#f0f4ee;border-radius:14px;border:0;padding:20px;margin-top:22px}.total-section p:last-child{color:var(--ink);font-size:23px;border-top:1px solid #d7e2d5;padding-top:14px}.quote-item-row{background:#fafbf8;border:1px solid var(--line);border-radius:12px;padding:10px!important;margin-bottom:10px}#save-quote-btn{min-width:170px;background:var(--accent);border-color:var(--accent)}#clear-form-btn{background:#f0f4ee;color:var(--ink);border-color:var(--line)}table{width:100%;border-collapse:collapse;font-size:12px}th{background:#f3f6f1!important;color:#758373;font-size:11px;font-weight:600;padding:13px 10px;border:0!important;text-align:left}td{padding:15px 10px;border:0!important;border-bottom:1px solid var(--line)!important}td button{font-size:10px;padding:7px 9px;margin:2px}tbody tr:hover{background:#fafbf7}.quote-history,.contract-history{overflow-x:auto}#company-list ul,#customer-list ul,#product-list ul,#contract-template-list ul{padding:0;list-style:none}#company-list li,#customer-list li,#product-list li,#contract-template-list li{border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:10px;background:#fafbf9}#company-list li.active{background:#eaf2e7;border-color:#b9d4bc}.modal{background:rgba(20,39,39,.45);backdrop-filter:blur(4px);overflow:auto;padding:20px}.modal-content{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 20px 80px #14272730;max-height:90vh;overflow:auto;margin:4vh auto}.modal-content h2{margin-bottom:22px}.close-btn{color:#7c8e80;padding:0 6px;font-size:28px}.tab-btn{background:#f2f5ef!important;color:#71806e!important;border:0!important;border-radius:9px!important;font-size:12px!important}.tab-btn.active{background:var(--ink)!important;color:white!important}.muted{color:var(--muted);font-size:12px}.empty-state{text-align:center;padding:24px 10px;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);font-size:14px;margin:8px}.empty-state .empty-art{font-size:35px;color:var(--accent)}#notice-bar{border-radius:12px;background:#fff5de;border:1px solid #efe3bf;padding:8px 16px}#mobile-navigation{display:none}#cloud-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 23px;background:var(--ink);color:white;border-radius:12px;box-shadow:0 8px 30px #182d3130;z-index:10000;max-width:90vw;display:none;font-size:13px}footer{font-size:11px!important;color:var(--muted);padding:25px!important;border-top:1px solid var(--line);background:transparent!important}.auth-page{min-height:100vh;background:radial-gradient(ellipse at 10% 10%,#e3ecdf,transparent 50%),var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 20px}.auth-page .container{max-width:490px!important;margin:0!important}.auth-page .card{padding:42px;border-radius:26px}.auth-brand{margin-bottom:45px;font-size:29px}.auth-page h1{font-size:28px}.auth-description{font-size:13px;color:var(--muted);margin-bottom:25px}.auth-page input{margin-bottom:13px}.auth-page button[type=submit]{width:100%;padding:14px;background:var(--ink)}.auth-page .card>p:last-child{font-size:12px!important;color:var(--muted)}.auth-footer{font-size:11px;text-align:center;color:#89968b;line-height:2.1}.auth-footer a{color:#71806f}.auth-page .card h2{font-size:27px}.guide-body{max-width:1000px;margin:0 auto;padding:40px 25px}.guide-hero{padding:50px 0 30px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.guide-grid p{color:var(--muted)}.guide-number{color:var(--accent);font-size:13px;font-weight:700}.guide-grid h2{margin:12px 0}.ad-card{border:1px dashed #cfd8cf;background:#f4f6f0;border-radius:15px;padding:16px 20px;display:flex;align-items:center;gap:14px;margin:5px 0 22px}.ad-card img{width:36px}.ad-card strong{font-size:12px;display:block}.ad-card small{font-size:10px;color:var(--muted)}.ad-card button{margin:0 0 0 auto;padding:7px 11px;font-size:11px}.ad-label{font-size:9px;border:1px solid #bbc9b8;color:#6f8068;border-radius:3px;padding:1px 4px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.plan-grid ul{padding-left:20px;line-height:2.5;font-size:13px}.plan-badge{display:inline-block;padding:5px 10px;border-radius:20px;background:var(--soft);font-size:11px}.plan-grid .featured{border-color:#577b62;background:#f3f7ef}.plan-price{font-size:33px;font-weight:700;margin:16px 0}.plan-price small{font-size:12px;color:var(--muted)}#ad-action-status{font-size:12px;min-height:24px;color:var(--muted)}
@media(min-width:1600px){.side-nav{margin-left:0}}@media(max-width:1150px){.app-topbar{padding:0 25px}.side-nav{width:200px;padding:30px 15px}.main-layout{margin-left:200px;padding:25px}.hero-stamp{padding:18px;gap:12px}.hero-stamp img{width:65px;height:65px}.stats-grid article{padding:18px}.stats-grid strong{font-size:25px}.page-heading h1{font-size:31px}.dashboard-grid{grid-template-columns:1.3fr 1fr}.card{padding:22px}}@media(max-width:800px){.side-nav{display:none}.app-topbar{height:78px;padding:0 22px}.brand{font-size:24px}.brand img{width:39px;height:39px}.brand small{font-size:9px}.topbar-actions{gap:10px}.topbar-actions .free-chip{display:none}.topbar-actions button{margin:0;font-size:12px;padding:9px 13px}.main-layout{margin-left:0;padding:22px 20px 95px}.user-info-area{font-size:10px;gap:5px}.user-info-area #logout-btn,.user-info-area #strong-refresh-btn{display:none}.user-info-area button{font-size:10px!important}.page-heading{padding:10px 0 24px}.page-heading h1{font-size:30px}.page-heading p:not(.eyebrow){font-size:11px;max-width:230px}.hero-stamp{padding:0;background:none;transform:rotate(-8deg)}.hero-stamp img{width:64px;height:64px;box-shadow:6px 6px 0 #e3e9de;border-radius:20px}.hero-stamp span{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stats-grid article{padding:17px 18px;border-radius:15px}.stats-grid strong{font-size:28px}.stats-grid article span{font-size:11px}.dashboard-grid{grid-template-columns:1fr;gap:0}.card{padding:21px;border-radius:17px;margin-bottom:20px}.quick-start h2{font-size:21px;max-width:none}.onboarding-strip{gap:14px;grid-template-columns:1fr}.onboarding-strip>div{padding-top:14px}.onboarding-strip p{margin-left:30px}.onboarding-strip strong{font-size:12px}#mobile-navigation{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#fffefa;border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -4px 25px #182d3108}#mobile-navigation button{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:transparent;color:#8a988e;padding:5px;font-size:10px;font-weight:500}#mobile-navigation button.active{color:var(--accent);font-weight:700}#cloud-toast{bottom:90px}.modal{padding:10px}.modal-content{padding:24px 20px;margin:12px auto;max-height:calc(100dvh - 110px);border-radius:20px;width:100%!important}.form-grid,.quote-form-grid{grid-template-columns:1fr!important}.quote-creator .collapsible-header .main-title{font-size:18px}.quote-creator .header-title-wrapper{flex-wrap:wrap}.quote-item-row{grid-template-columns:1fr 1fr!important;gap:10px!important}.quote-item-header{display:none!important}.total-section{padding:16px}.total-section p:last-child{font-size:22px}.quote-history table,.contract-history table{min-width:680px}.quote-history:after,.contract-history:after{content:'좌우로 밀어 전체 내용을 확인하세요';display:block;color:#94a08e;font-size:10px;margin-top:12px}.auth-page{padding:24px 17px}.auth-page .card{padding:30px 25px}.auth-brand{margin-bottom:32px}.auth-page h1{font-size:25px}.guide-grid,.plan-grid{grid-template-columns:1fr}.guide-hero h1{font-size:30px}.guide-body{padding:25px 20px}.ad-card{padding:13px;gap:8px}.ad-card small{font-size:9px}.ad-card button{font-size:10px;padding:6px}.ad-card img{width:30px}footer{padding-bottom:95px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.side-nav,.app-topbar,#mobile-navigation,.user-info-area,.ad-card{display:none!important}.main-layout{margin:0;padding:0}}

.notice-content-wrapper{animation:none!important;transform:none!important}.notice-content-wrapper .notice-text:nth-child(n+2){display:none}.quick-start h2{max-width:none;word-break:keep-all}.guide-grid p{word-break:keep-all}.backup-actions{display:flex;flex-wrap:wrap;gap:8px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.more-grid{display:flex;gap:8px;flex-wrap:wrap}
.app-topbar .primary-btn{background:var(--accent)!important;border-color:var(--accent)!important}.cloud-hidden::after,.cloud-hidden::before{display:none!important}
.admin-page>main,.admin-page>.container{max-width:1250px!important;margin:25px auto!important;padding:25px!important}.admin-page>header{max-width:1250px;margin:auto;padding:30px 25px}.admin-page table{min-width:750px}.admin-page section{overflow:auto}