JY 발주·선적 관리

isplay:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:rgba(249,251,247,.92);backdrop-filter:blur(12px)}.eyebrow{margin:0 0 5px;color:var(--gold);font:700 10px/1 monospace;letter-spacing:.16em}h1{margin:0;font-size:21px;letter-spacing:-.04em}.logout-button{height:38px;padding:0 13px;border:1px solid var(--deep);border-radius:11px;background:#fff;color:var(--ink);font-size:11px;font-weight:800;cursor:pointer} .login-screen{min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 50% 18%,#f5f8f1 0,#dce3d4 65%)}.login-card{width:100%;max-width:410px;padding:34px 30px;border:1px solid var(--line);border-radius:24px;background:rgba(251,252,249,.96);box-shadow:0 20px 55px rgba(31,42,36,.18)}.login-brand{width:58px;height:58px;margin-bottom:24px;display:grid;place-items:center;border-radius:17px;background:var(--ink);color:#fff;font-size:16px;font-weight:900}.login-card .eyebrow{margin-bottom:8px}.login-card h1{font-size:26px}.login-guide{margin:9px 0 25px;color:var(--soft);font-size:12px;line-height:1.6}.login-form{display:grid;gap:14px}.remember-row{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:11px;font-weight:700;cursor:pointer}.remember-row input{width:17px;height:17px;margin:0;accent-color:var(--ink)}.login-submit{height:50px;margin-top:5px;border:0;border-radius:13px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}.login-submit:disabled{opacity:.55;cursor:wait}.login-error{display:none;margin:0;padding:11px 13px;border-radius:10px;background:#f3e1de;color:#872b23;font-size:11px;font-weight:700}.login-error.show{display:block}.login-status{margin:15px 0 0;text-align:center;color:var(--soft);font-size:10px} .content{flex:1;padding:18px 18px 108px}.panel{display:none}.panel.active{display:block}.intro{margin-bottom:16px;padding:20px;border:1px solid var(--deep);border-radius:20px;background:var(--ink);color:#fff}.intro h2{margin:0 0 6px;font-size:20px}.intro p{margin:0;color:#c8d4c2;font-size:12px;line-height:1.6}.form-card{margin-bottom:14px;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.form-card h3{margin:0 0 14px;font-size:15px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:var(--soft)}input,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);outline:0}input{height:43px;padding:0 12px}textarea{min-height:92px;padding:11px 12px;resize:vertical}input:focus,textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(31,42,36,.08)}input[readonly]{background:#edf1e9;color:var(--green);font-weight:800}.submit{width:100%;height:52px;border:0;border-radius:14px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}.submit:disabled{opacity:.55;cursor:wait}.notice{display:none;margin:0 0 14px;padding:13px 15px;border-radius:12px;font-size:12px;font-weight:700}.notice.show{display:block}.notice.ok{background:#e0eee2;color:#285c35}.notice.error{background:#f3e1de;color:#872b23}.help{margin:10px 2px 0;color:var(--soft);font-size:11px;line-height:1.6}.settings-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.settings-card h2{margin:0 0 7px;font-size:18px}.settings-card>p{margin:0 0 18px;color:var(--soft);font-size:12px;line-height:1.6}.save{margin-top:12px;width:100%;height:46px;border:0;border-radius:12px;background:var(--ink);color:#fff;font-weight:800}.status{margin-top:12px;padding:12px;border-radius:10px;background:#edf1e9;color:var(--soft);font-size:11px}.status.connected{background:#e0eee2;color:#285c35} .calendar-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.calendar-head h2{margin:0;font-size:19px}.month-button{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-size:18px;cursor:pointer}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays span{padding:7px 0;text-align:center;color:var(--soft);font-size:10px;font-weight:800}.weekdays span:first-child{color:var(--red)}.calendar-grid{border-top:1px solid var(--line);border-left:1px solid var(--line)}.day{min-height:88px;padding:7px 5px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;overflow:hidden}.day.muted{background:#f2f4ef;color:#a5ada7}.day.today .day-number{display:grid;place-items:center;width:24px;height:24px;margin:-3px 0 2px -3px;border-radius:50%;background:var(--ink);color:#fff}.day-number{font-size:11px;font-weight:800}.event{display:block;margin-top:4px;padding:4px 5px;border-radius:5px;background:#dfead9;color:#285c35;font-size:9px;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-message{margin:12px 2px 0;color:var(--soft);font-size:11px}.calendar-message.error{color:var(--red)} .shipping-alert{display:none;margin:12px 18px 0;padding:14px 14px;border:1px solid #d7b46a;border-radius:14px;background:#fff2cf;color:#5f4615;box-shadow:0 8px 18px rgba(95,70,21,.12)}.shipping-alert.show{display:block}.alert-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px}.shipping-alert strong{display:block;margin-bottom:3px;font-size:13px}.shipping-alert p{margin:0;font-size:11px;line-height:1.5}.alert-icon{font-size:20px}.alert-toggle{width:34px;height:34px;border:0;border-radius:9px;background:rgba(95,70,21,.1);color:#5f4615;font-size:18px;cursor:pointer;transition:transform .2s}.shipping-alert.expanded .alert-toggle{transform:rotate(180deg)}.alert-list{display:none;margin:12px 0 0 30px;border-top:1px solid rgba(95,70,21,.2)}.shipping-alert.expanded .alert-list{display:block}.alert-item{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(95,70,21,.14);font-size:11px}.alert-item:last-child{border-bottom:0}.alert-item b{font-size:11px}.alert-item span{white-space:nowrap;color:#80601d;font-weight:800} .search-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.search-card h2{margin:0 0 5px;font-size:18px}.search-card>p{margin:0 0 15px;color:var(--soft);font-size:11px}.search-row{display:grid;grid-template-columns:1fr 88px;gap:8px}.search-button{border:0;border-radius:11px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}.search-message{margin:13px 2px;color:var(--soft);font-size:11px}.result-card{margin-top:12px;border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.result-head{padding:13px 15px;background:#e4ebdf;display:flex;justify-content:space-between;gap:10px}.result-head strong{font-size:13px}.result-head span{color:var(--soft);font-size:10px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.result-item{min-width:0;padding:10px 12px;border-top:1px solid #e3e8df}.result-item:nth-child(odd){border-right:1px solid #e3e8df}.result-item.full{grid-column:1/-1;border-right:0}.result-item label{display:block;margin-bottom:3px;color:#7a867d;font-size:9px;font-weight:800}.result-item div{font-size:11px;line-height:1.45;overflow-wrap:anywhere}.empty-value{color:#a5ada7}.pagination{display:none;margin:18px 0 4px;align-items:center;justify-content:center;gap:6px}.pagination.show{display:flex}.page-button{min-width:34px;height:34px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:11px;font-weight:800;cursor:pointer}.page-button.active{border-color:var(--ink);background:var(--ink);color:#fff}.page-button:disabled{opacity:.35;cursor:default} nav{position:absolute;z-index:30;bottom:0;left:0;right:0;height:82px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:rgba(249,251,247,.96);backdrop-filter:blur(14px);padding-bottom:env(safe-area-inset-bottom)}nav button{border:0;background:transparent;color:#829087;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;cursor:pointer}nav button span{font-size:20px;line-height:1}nav button.active{color:var(--ink);font-weight:800} @media(max-width:480px){header{padding:18px 16px 14px}.content{padding:14px 8px 102px}.grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-card{padding:15px}.intro{margin-left:4px;margin-right:4px;padding:18px}.intro h2{font-size:18px}.calendar-card{padding:10px}.day{min-height:76px;padding:5px 3px}.event{padding:3px;font-size:8px}} /* Clean navy theme */ :root{--paper:#f4f7fa;--page:#e7edf3;--ink:#15263d;--soft:#66758a;--line:#d3dce6;--deep:#8fa0b3;--white:#ffffff;--gold:#71849b;--red:#a65353;--green:#547765} body{background:#e7edf3} .app{background:var(--paper);box-shadow:0 0 28px rgba(11,31,58,.10)} header,nav{background:rgba(255,255,255,.97)} .login-screen{background:#e7edf3} .login-card{background:#fff;box-shadow:0 18px 45px rgba(11,31,58,.12)} .login-brand,.submit,.save,.search-button,.login-submit,.page-button.active,.day.today .day-number{background:#0b1f3a} .intro{border-color:#0b1f3a;background:#0b1f3a;color:#fff} .intro p{color:#cbd5e1}.form-card,.settings-card,.calendar-card,.search-card,.result-card{background:var(--white)} input,textarea,.month-button,.logout-button,.page-button{background:#fff} input:focus,textarea:focus{border-color:#60758f;box-shadow:0 0 0 3px rgba(96,117,143,.13)} input[readonly],.status{background:#edf2f6}.notice.ok,.status.connected{background:#e8f0eb;color:#4d695a} .day{background:#fff}.day.muted{background:#f1f4f7;color:#a4afbb} .event{background:#dfe8f1;color:#264765}.result-head{background:#e8eef4}.result-item{border-top-color:#e1e7ed}.result-item:nth-child(odd){border-right-color:#e1e7ed} .shipping-alert{border-color:#bdcad7;background:#eef3f8;color:#263c55;box-shadow:0 6px 15px rgba(11,31,58,.07)} .alert-toggle{background:rgba(11,31,58,.08);color:#263c55}.alert-list{border-top-color:rgba(38,60,85,.18)}.alert-item{border-bottom-color:rgba(38,60,85,.12)}.alert-item span{color:#4e6680} .data-state{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 2px 0;color:var(--soft);font-size:10px;line-height:1.5} .data-state.success{color:#68765e}.data-state.error{color:var(--red)} .retry-button{display:none;flex:0 0 auto;padding:7px 11px;border:1px solid #bdcad7;border-radius:9px;background:#fff;color:var(--ink);font-size:10px;font-weight:800;cursor:pointer} .data-state.error .retry-button{display:inline-flex}.retry-button:hover{background:#edf2f6} .settings-lock{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:rgba(11,31,58,.42);backdrop-filter:blur(4px)} .settings-lock-card{width:100%;max-width:380px;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 22px 60px rgba(11,31,58,.22)} .settings-lock-card h2{margin:0 0 7px;font-size:19px}.settings-lock-card>p{margin:0 0 18px;color:var(--soft);font-size:11px;line-height:1.6} .settings-lock-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;margin-top:15px}.settings-lock-actions button{height:44px;border-radius:11px;font-weight:800;cursor:pointer} .settings-lock-cancel{border:1px solid var(--line);background:#fff;color:var(--ink)}.settings-lock-confirm{border:0;background:#0b1f3a;color:#fff}.settings-lock-confirm:disabled{opacity:.55;cursor:wait} .settings-lock-error{min-height:17px;margin:9px 0 0;color:var(--red);font-size:10px;font-weight:700}