body{background:#f6f5f0;color:#19323f;font-family:'Noto Sans Thai',Tahoma,sans-serif}body[ data-auth] aside{display:none}body[data-auth] main{margin-left:0}.portal-brand{color:#f0d493;text-decoration:none;font-size:25px;font-weight:600}.portal-brand small{display:block;letter-spacing:3px;font-size:10px;margin-top:10px}aside{width:235px;background:#142b37 url('/assets/facets.svg') center/cover;color:#f8f1df;padding:32px 20px}aside nav{gap:8px}aside nav button{font-size:15px;display:flex;align-items:center;gap:10px}aside nav button.active{background:#d4b87630;border-color:#b99a59}nav a{color:inherit;padding:16px 12px;text-decoration:none;font-size:14px}main{margin-left:235px}header{border-bottom:1px solid #e1dbcf;min-height:75px}header #identity{font-size:14px;letter-spacing:0}.portal-workspace{max-width:1440px;margin:auto;padding:32px}.auth-card{max-width:480px;margin:7vh auto;padding:36px}.auth-card h1{font-size:30px}.auth-card button{width:100%}.auth-card a{color:#755e2f;font-size:14px}.primary{background:linear-gradient(120deg,#bb9c5a,#d8c18d);color:#172e3a;border-color:#b79a60}input,select,button{font-family:inherit;font-size:16px;border-radius:12px}select{padding:12px;width:100%;margin-top:7px;border:1px solid #d4d9dd}.portal-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.portal-heading h1{font-size:30px}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.portal-stats article{background:white;padding:24px;border:1px solid #ded5c1;border-radius:12px}.portal-stats strong{font-size:30px;display:block}.portal-stats p{margin:8px 0}.portal-view,.card{margin-bottom:22px}.table-wrap{margin-top:20px}table{border-spacing:0;border-collapse:separate;border-radius:12px;overflow:hidden;min-width:650px}th{background:#233b48;color:#ecd296;font-size:14px}td{font-size:14px}td:first-child,th:first-child{text-align:left}tbody tr:nth-child(even){background:#f1eee5}td button{font-size:13px;padding:8px;min-height:40px;margin:3px}.cell-note{display:block;color:#75828a;font-size:12px}.tree-row{border-left:2px solid #bf9f59;margin:18px 0 18px 18px;padding:12px 18px;background:#f6f4ee;border-radius:12px}.tree-row strong{display:block}.tree-row small{color:#6c7980}#portal-status,#auth-status{color:#9d2439;white-space:pre-line}.library-icon{width:22px;height:22px;display:inline-block;background:currentColor;mask:var(--icon-url) center/contain no-repeat;-webkit-mask:var(--icon-url) center/contain no-repeat;flex-shrink:0}[hidden]{display:none!important}#security{max-width:600px}#activation-link{margin-bottom:12px}#create-form button{margin-top:18px}@media(max-width:900px){aside{width:190px;padding:24px 12px}main{margin-left:190px}.portal-workspace{padding:20px}.portal-stats{gap:10px}.portal-stats article{padding:16px}.portal-heading{align-items:flex-start}.portal-heading h1{font-size:26px}}@media(max-width:650px){aside{position:static;width:100%;padding:18px}aside nav{margin-top:16px;display:flex;flex-wrap:wrap}aside nav button,nav a{font-size:13px;padding:8px;min-height:40px}main{margin:0}.portal-workspace{padding:16px}.portal-stats{grid-template-columns:1fr}.portal-heading{flex-direction:column}.auth-card{padding:24px}.profile-grid{grid-template-columns:1fr}}
/* Distinct account lists, organization chart and purchase cards */
.package-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.package-card{display:flex;flex-direction:column;margin:0;padding:26px}.package-card h3{font-size:27px;margin-top:15px}.package-label{font-size:12px;color:#857048}.package-amount{font-size:34px;font-weight:700;margin:15px 0;white-space:nowrap}.package-amount small{font-size:15px;font-weight:400}.package-card .primary{margin-top:auto}.package-card.featured{border:2px solid #b99a59;background:linear-gradient(135deg,#fff,#f4eddb)}.package-card p{font-size:15px}.order-row{padding:18px 0;border-bottom:1px solid #e2d9c5}.order-row:last-child{border-bottom:0}.order-row p{margin:8px 0}.order-row small{color:#73818b}.chart-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}.chart-toolbar button{font-size:14px;padding:9px 14px;min-height:42px}.org-canvas{overflow:auto;padding:28px 20px 35px;background:#faf9f5;border:1px solid #e8e1d1;border-radius:12px}#org-tree{width:max-content;min-width:100%;text-align:center}#org-tree ul{list-style:none;margin:0;padding:30px 0 0;display:flex;justify-content:center;gap:24px;position:relative}#org-tree>ul{padding-top:0}#org-tree li{display:flex;flex-direction:column;align-items:center;position:relative;padding:0}#org-tree summary{list-style:none;display:flex;justify-content:center;cursor:pointer}#org-tree summary::-webkit-details-marker{display:none}#org-tree details{border:0;padding:0}#org-tree details>summary:after{content:'−';width:24px;height:24px;position:absolute;top:67px;left:calc(50% - 12px);z-index:1;background:#b99a59;color:white;border:3px solid #faf9f5;border-radius:50%;font-size:15px;line-height:18px}#org-tree details:not([open])>summary:after{content:'+'}#org-tree details.leaf-node>summary:after{display:none}#org-tree ul:before{content:'';position:absolute;top:0;left:50%;height:15px;border-left:1px solid #bfa974}#org-tree>ul:before{display:none}#org-tree ul>li:before{content:'';position:absolute;left:-12px;right:-12px;top:-15px;border-top:1px solid #bfa974}#org-tree ul>li:first-child:before{left:50%}#org-tree ul>li:last-child:before{right:50%}#org-tree ul>li:after{content:'';position:absolute;top:-15px;left:50%;height:15px;border-left:1px solid #bfa974}#org-tree>ul>li:before,#org-tree>ul>li:after{display:none}.person-card{display:flex;align-items:center;gap:13px;min-width:210px;max-width:260px;min-height:84px;padding:17px;background:white;border:1px solid #d8c8a6;border-radius:12px;text-align:left;box-shadow:0 3px 12px #20323d08}.person-card .icon{width:36px;height:36px;background:#9f813f}.person-card strong{display:block;font-size:15px;overflow-wrap:anywhere}.person-card small{display:block;font-size:12px;color:#7a8790;margin-top:4px}.person-card.self-node{background:#233b48;color:white}.person-card.self-node small{color:#e1cc99}.person-card.self-node .icon{background:#dfc17c}.person-card.customer-node{background:#fffdf7;border-color:#e7dfce;min-width:190px}.person-card.customer-node .icon{background:#657a87}.family-group{border:1px solid #e2dac9;padding:20px;border-radius:12px;margin-bottom:18px}.family-group h3{margin-bottom:18px}.family-group .person-card,#client-list .person-card{margin:10px 0;max-width:none}.portal-view#clients a,.portal-view#families a{display:inline-block;margin-top:22px;color:#70582a}.portal-heading p{margin-bottom:0}#portal-nav button{border-left:0}#password-match{color:#a52b3b;font-size:14px}.org-canvas .person-card{border-radius:12px}.portal-view#accounts{margin-top:22px}
@media(max-width:1050px){.package-cards{gap:12px}.package-card{padding:20px}.package-amount{font-size:29px}}@media(max-width:850px){.package-cards{grid-template-columns:1fr}.package-card{min-height:280px}.package-card .primary{margin-top:20px}.org-canvas{padding:24px 12px}.person-card{min-width:190px}}
.package-card .package-amount{font-size:34px;font-weight:700}.portal-view>h2{display:none}.portal-stats[hidden]{display:none}.package-card .package-amount small{font-size:15px;font-weight:400}.org-canvas{touch-action:pan-x pan-y}@media(max-width:1050px){.package-card .package-amount{font-size:29px}}
.recipient-choice{display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}.recipient-choice input,#sponsor-controls input[type=radio],#payment-config-form input[type=checkbox]{width:20px;min-height:20px;display:inline-block;margin:0 8px 0 0}.transfer-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.transfer-form label{margin:0}.transfer-form button{align-self:end}#recipient-list{max-height:260px;overflow:auto}#payment-configuration{margin-top:24px}#payment-configuration h3{margin-top:20px}@media(max-width:700px){.transfer-form{grid-template-columns:1fr}}