:root{font-family:Inter,Arial,sans-serif;color:#29251e;background:#f8f5f0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.top{background:#fff;box-shadow:0 1px 8px #0001;display:flex;align-items:center;justify-content:space-between;padding:17px 5%;gap:18px;flex-wrap:wrap}.brand{font-family:Georgia,serif;color:#967139;font-size:26px}.brand small{display:block;font:11px Arial;letter-spacing:2px}.links{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.links button,.nav button{border:0;background:transparent;padding:9px;color:#504638}.links button:hover,.nav button:hover{color:#a47d3e}.active{font-weight:bold;color:#8a662d!important}.wrap{max-width:1160px;margin:26px auto;padding:0 20px}.hero{background:linear-gradient(110deg,#d6bea0,#f4e8d6);padding:65px 8%;border-radius:16px}.hero h1{font:42px Georgia,serif;max-width:540px}.hero p{max-width:520px}.btn{border:0;border-radius:7px;padding:12px 18px;background:#99733c;color:white}.btn.secondary{background:#f0e9dd;color:#594629}.btn:disabled{opacity:.5;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:17px;margin-top:20px}.card{background:white;border:1px solid #ece5db;border-radius:12px;padding:20px}.product-art{height:145px;border-radius:9px;background:linear-gradient(135deg,#f5e7d0,#d5b783);display:grid;place-items:center;font-size:58px;color:#9c783e}.muted{color:#80776d;font-size:14px}.price{font-weight:700}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.stack{display:grid;gap:12px}.field{display:grid;gap:6px;margin:12px 0}.field input,.field select,.field textarea{padding:12px;border:1px solid #d9d0c4;border-radius:7px;width:100%;background:white}.login{max-width:440px;margin:55px auto;background:white;padding:32px;border-radius:15px;box-shadow:0 8px 40px #0001}.center{text-align:center}.tabs{display:flex;gap:6px;margin:18px 0}.tabs button{flex:1;padding:12px;border:1px solid #e3d7c6;background:#faf8f5;border-radius:6px}.tabs button.active{background:#967139;color:white!important}.layout{display:grid;grid-template-columns:220px 1fr;gap:22px}.sidebar{background:#292b2d;border-radius:12px;padding:18px;color:white;align-self:start}.sidebar button{display:block;width:100%;text-align:left;background:transparent;border:0;color:#eee;padding:12px;border-radius:6px}.sidebar button.active,.sidebar button:hover{background:#55504a;color:white!important}.stat{font-size:30px;font-weight:700;margin:10px 0}.table{width:100%;border-collapse:collapse;background:white;border-radius:9px;overflow:hidden}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #eee;font-size:14px}.table th{background:#f2eee8}.notice{padding:13px;background:#fff3da;border:1px solid #e9d5a8;border-radius:8px;margin:15px 0}.pill{background:#f0e5d4;color:#795a2b;border-radius:30px;padding:5px 9px;font-size:12px}.chat{max-width:650px}.bubble{padding:12px;background:#eee7dc;border-radius:10px;margin:10px 0}.right{background:#d9c09b;margin-left:25%}.empty{padding:24px;text-align:center;color:#82776b}.foot{text-align:center;padding:35px;color:#918477;font-size:12px}@media(max-width:720px){.layout{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto;gap:5px}.sidebar button{white-space:nowrap}.hero{padding:35px}.hero h1{font-size:30px}.top{padding:14px}.table{display:block;overflow-x:auto}}
/* Approved cream, beige, gold JewelSync design */
:root{--gold:#a98148;--cream:#f8f5f0;--dark:#28292b}body{background:var(--cream)}.top{position:sticky;top:0;z-index:10}.links{gap:5px}.links button{font-size:13px}.brand{font-weight:600}.hero{display:flex;align-items:center;justify-content:space-between;min-height:320px;background:linear-gradient(110deg,#e8d8bf,#f6ecdc)}.hero h1{font-size:45px;line-height:1.12}.hero-gem{font-size:170px;color:#ad874e;opacity:.6;padding-right:8%}.eyebrow{font-size:11px;letter-spacing:3px;color:#8d6b3c}.product{display:flex;flex-direction:column;gap:9px}.product .btn{margin-top:auto}.product-art{height:190px;background:linear-gradient(135deg,#f5ebdd,#d7c19e);font-size:110px}.product-art img{width:100%;height:100%;object-fit:cover;border-radius:9px}.price{color:#916a37}.btn:hover:not(:disabled){filter:brightness(.93)}.btn{transition:filter .15s}.item{padding:15px 0;border-bottom:1px solid #ece5dc}.item:last-child{border-bottom:0}.dash-content{min-width:0}.chart-card{margin-top:20px}.bars{height:170px;display:flex;align-items:end;gap:18px;padding:20px 10px 0}.bar-wrap{height:100%;display:flex;flex:1;align-items:center;flex-direction:column;justify-content:end;gap:5px}.bar{width:70%;max-width:60px;background:#b8965f;border-radius:5px 5px 0 0;min-height:4px}.table-wrap{overflow:auto;border-radius:10px}.table{min-width:570px}.linkbtn{border:0;background:transparent;color:#916a37;text-decoration:underline;cursor:pointer}.field{text-align:left}.field textarea{min-height:90px}.foot{border-top:1px solid #e8dfd2;margin-top:45px}.bubble small{display:block;color:#756a60;font-size:10px;margin-top:6px}#toast{position:fixed;bottom:24px;right:24px;max-width:360px;z-index:100;background:#292b2d;color:white;padding:14px 18px;border-radius:10px;box-shadow:0 5px 30px #0003}@media(max-width:720px){.hero-gem{display:none}.hero h1{font-size:34px}.top{position:static}.grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.product-art{height:130px}}

/* JewelSync luxury UI refinements */
:root{--gold:#977239;--cream:#f8f5ef;--ink:#22272b}body{background:#f8f5f0}.top{border-bottom:1px solid #eae0d0}.brand{font-family:Georgia,'Times New Roman',serif}.login{max-width:490px;margin:55px auto 80px;padding:38px 34px!important;background:rgba(255,255,255,.97);border:1px solid #e7dfd3;border-radius:16px;box-shadow:0 18px 55px #3b291a15}.login .brand{font-size:32px;font-weight:bold;color:#86652f}.login h2{font-size:23px;margin:12px 0 6px}.login .muted{color:#79746d}.login-emblem{font-size:48px;line-height:1;color:#a17c40}.login .field{text-align:left}.login input{border-radius:9px!important;min-height:45px}.login .btn{width:100%;margin-top:9px;min-height:46px}.google-btn{background:#fff!important;color:#252525!important;border:1px solid #dedede!important;box-shadow:0 2px 8px #0000000b;font-weight:600}.google-g{font-weight:900;color:#4285f4;font-size:19px;margin-right:8px}.login .tabs{display:flex;justify-content:center;gap:8px;margin:22px 0}.login .tabs button{border-radius:9px;padding:12px 16px}.login .tabs button.active{background:#977239!important;color:white!important}.staff-login-panel{max-width:470px}.hero{position:relative;overflow:hidden;min-height:310px;background:linear-gradient(110deg,#b99a72,#eee0ca 70%,#d4bb96);border:1px solid #e6d7bd}.hero h1{font-size:clamp(32px,4vw,52px);color:#352718}.product-art{background:linear-gradient(145deg,#f9f0e1,#e4cda7);border:1px solid #f1e5d2}.sidebar{background:#23292d!important;color:#fff;border-radius:12px}.sidebar button{color:#eee!important}.sidebar button.active{background:#3e494c!important;color:#fff!important}.card{box-shadow:0 3px 16px #5d42200a}.btn:hover{filter:brightness(.94)}@media(max-width:600px){.login{padding:26px 18px!important;margin:25px auto}.top{padding:14px}.links{gap:4px}.links button{font-size:12px;padding:7px}}
/* C Jewel PH brand logo and product photography */
.brand-logo {width:38px;height:38px;object-fit:cover;border-radius:50%;vertical-align:middle;margin-right:7px;}
.product-art img {width:100%;height:100%;object-fit:cover;display:block;}
/* Reference-aligned separate Customer and Staff sign-in */
.cart-nav{display:inline-flex;align-items:center;gap:4px;color:#74552e!important;position:relative}.cart-nav svg{display:block}.cart-count{display:grid;place-items:center;min-width:19px;height:19px;border-radius:50%;background:#9b753d;color:#fff;font:700 11px Arial;padding:0 4px}
.auth-screen{min-height:100vh;background:#f7f1e9;padding:20px 3% 45px}.auth-top{max-width:1220px;margin:0 auto 20px;display:flex;justify-content:space-between;gap:15px;color:#82663e;font-size:13px}.auth-back{text-decoration:none}.auth-layout{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;min-height:590px;border-radius:15px;overflow:hidden;box-shadow:0 16px 48px #39291b20}.auth-photo{background:linear-gradient(#4a321c5c,#4a321c72),url('./images/jewelry-01.jpg') center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:30px}.auth-photo .auth-logo{width:170px;height:170px;object-fit:cover;border-radius:50%;border:5px solid #ffffffa0;box-shadow:0 8px 35px #0003}.auth-photo h1{font:normal 48px Georgia,serif;margin:23px 0 5px}.auth-photo p{font-size:16px;margin:0}.auth-panel{background:#fffdfb;display:flex;flex-direction:column;justify-content:center;padding:clamp(25px,5vw,75px);text-align:center}.auth-symbol{font-size:42px;color:#a37e46;line-height:1}.auth-panel h2{font-size:28px;margin:14px 0 6px}.auth-subtitle{color:#81766a;margin:0 0 22px}.auth-panel .field{text-align:left;font-weight:600;font-size:14px}.auth-panel .field input{min-height:49px;background:#fff;border:1px solid #ddd5ca}.auth-tabs{margin:5px 0 20px;gap:0;border-radius:9px;background:#f4f0e9;padding:4px}.auth-tabs button{background:transparent;border:0;border-radius:7px;font-size:13px}.auth-tabs button.active{background:#967139;color:white!important}.auth-submit{width:100%;min-height:49px;margin-top:12px}.auth-panel .google-btn{min-height:56px;background:#fff;color:#292929;border:1px solid #d9d5d0;border-radius:8px;font-weight:600;box-shadow:0 4px 13px #0000000a}.auth-panel .google-g{display:inline-block;font-size:21px;font-weight:800;color:#4285f4;margin-right:9px}.auth-note{font-size:12px;color:#81766a;margin:22px 0 0}.auth-switch{text-align:center;margin-top:22px;color:#665b4d;font-size:14px}.auth-switch button{border:0;background:none;color:#926c33;text-decoration:underline;font-weight:600}.auth-panel form{width:100%}@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.auth-photo{min-height:230px}.auth-photo .auth-logo{width:95px;height:95px}.auth-photo h1{font-size:30px;margin:12px 0 4px}.auth-panel{padding:35px 22px}.auth-panel h2{font-size:24px}.auth-top{font-size:11px}.auth-tabs button{padding:10px 5px}}

/* JewelSync UI refinement */
*,*::before,*::after{box-sizing:border-box}
:root{--ink:#1e1c1a;--gold:#9b773f;--cream:#faf7f2}
body{color:var(--ink);line-height:1.5}
.wrap{max-width:1320px;width:100%;margin:24px auto;padding:0 22px}
.layout{grid-template-columns:minmax(215px,245px) minmax(0,1fr);gap:20px;align-items:start}
.sidebar{border-radius:0 12px 12px 0!important;margin-left:-22px;padding:18px 12px!important;background:#171717!important;box-shadow:0 10px 30px #00000015}
.sidebar button{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:3px 0;min-height:43px;padding:10px 12px!important}
.sidebar button.active,.sidebar button:hover{background:#3b3328!important}
.sidebar .pill{background:#b18b4d;color:#fff}
.dash-content,.card,.grid>*{min-width:0}
.dash-content h2{font-family:Georgia,serif;font-size:clamp(23px,2.5vw,31px);margin-top:0}
.card{border-radius:13px;box-shadow:0 5px 20px #2b201009}
.field input,.field select,.field textarea{max-width:100%;font:inherit;outline-offset:2px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #9b773f20}
.field input:invalid:not(:placeholder-shown){border-color:#c46d63}
button{cursor:pointer}button:focus-visible{outline:3px solid #b89454;outline-offset:2px}
.message-count{display:inline-block;background:#9b773f;color:white;border-radius:20px;padding:0 6px;font-size:11px;min-width:18px;text-align:center}
.message-count:empty{display:none}
#gold-fields[hidden]{display:none!important}
.table-wrap{width:100%;max-width:100%;overflow-x:auto}
.product-art{overflow:hidden}
@media(max-width:760px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{margin:0;border-radius:12px!important;display:flex;overflow-x:auto;white-space:nowrap}.sidebar button{width:auto;flex-shrink:0}.wrap{padding:0 14px}.auth-layout{max-width:100%}.top{gap:10px;flex-wrap:wrap}.links{width:100%;justify-content:center}.grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}}