:root{--font-family-base:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-family-serif:"Playfair Display", Georgia, serif;--primary-color:#c06c52;--primary-hover:#a85338;--primary-light:#fbefea;--primary-pill:#bd5d38;--gold-accent:#e5a962;--bg-app:#faf7f2;--bg-card:#fff;--bg-muted:#f3ece4;--bg-input:#f8f5f0;--text-main:#242220;--text-muted:#7d7872;--text-light:#a49f98;--status-pending-bg:#f7efe9;--status-pending-text:#b4644b;--status-success-bg:#eaf5ed;--status-success-text:#2d8a4e;--status-info-bg:#ebf3fb;--status-info-text:#2a72b8;--status-warn-bg:#fef7ea;--status-warn-text:#bd7f1e;--border-subtle:#efe8df;--border-focus:#c06c52;--shadow-sm:0 2px 8px #5c3c2d0a;--shadow-md:0 4px 16px #5c3c2d12;--shadow-lg:0 10px 25px #5c3c2d1a;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-family-base);color:var(--text-main);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ede8e1;justify-content:center;align-items:flex-start;min-height:-webkit-fill-available;line-height:1.45;display:flex}.app-container{width:100%;max-width:440px;height:100dvh;background-color:var(--bg-app);flex-direction:column;height:-webkit-fill-available;transition:max-width .3s cubic-bezier(.4,0,.2,1),border-radius .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00000014}.app-container.portal-admin-mode{border:4px solid #fff!important;border-radius:28px!important;max-width:1120px!important;height:94vh!important;max-height:960px!important;box-shadow:0 20px 60px #462d1e26!important}@media (width<=640px){.app-container.portal-admin-mode{border:none!important;border-radius:0!important;max-width:100%!important;height:100vh!important}}@media (width>=640px){body{align-items:center;min-height:100vh;padding:24px 0}.app-container:not(.portal-admin-mode){border:8px solid #fff;border-radius:40px;height:90vh;max-height:860px;box-shadow:0 25px 60px -15px #6e3c2838}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#c4b9ad;border-radius:4px}.dropdown-category-menu::-webkit-scrollbar{width:7px}.dropdown-category-menu::-webkit-scrollbar-track{background:#f4efea;border-radius:4px}.dropdown-category-menu::-webkit-scrollbar-thumb{background:#c06c52;border-radius:4px}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700}.text-primary{color:var(--primary-color)}.text-muted{color:var(--text-muted)}.text-xs{font-size:.75rem}.text-sm{font-size:.85rem}.text-base{font-size:.95rem}.text-lg{font-size:1.15rem}.text-xl{font-size:1.35rem}.text-2xl{font-size:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.card-soft{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);padding:16px;transition:transform .15s,box-shadow .15s}.card-soft:hover{box-shadow:var(--shadow-md)}.pill-badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.pill-primary{background:var(--primary-light);color:var(--primary-color)}.pill-pending{background:var(--status-pending-bg);color:var(--status-pending-text)}.pill-success{background:var(--status-success-bg);color:var(--status-success-text)}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-primary{background:var(--primary-color);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #c06c524d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-icon{width:32px;height:32px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--bg-muted);color:var(--text-main)}input,select,textarea{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:12px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,background .2s}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);background:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.view-content{padding-bottom:24px;animation:.25s ease-out fadeIn}