@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Noto+Sans:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green-950:#063f3a;--green-900:#07544d;--green-800:#0b665d;--green-700:#237065;--green-500:#5c9b61;--green-200:#b9d9b5;--green-100:#dcecd5;--green-50:#f2f7ed;--gold-700:#8c641f;--gold-650:#b88a2b;--gold-600:#fbbf24;--gold-500:#c9a84c;--gold-400:#e3c979;--gold-300:#e3c979;--gold-100:#f5eed8;--gold-50:#fcfaf1;--brand-blue:#078f91;--brand-blue-dark:#087878;--brand-blue-light:#e6f5f4;--ivory:#fafcf5;--sand:#f3f7ee;--parchment:#dde8d6;--cream:#f8f7ed;--text-950:#17211a;--text-900:#1d2920;--text-700:#37443a;--text-500:#647067;--text-300:#929b94;--white:#fff;--danger:#991b1b;--danger-bg:#fff5f5;--success:#267044;--shadow-sm:0 1px 4px #12352412;--shadow-md:0 4px 16px #1235241a;--shadow-lg:0 8px 32px #12352424;--radius:10px;--radius-lg:16px;--radius-xl:22px}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--text-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-950);line-height:1.25}h1{font-size:36px;font-weight:700}h2{font-size:28px;font-weight:700}h3{font-size:20px;font-weight:600}.font-display{font-family:Amiri,serif}.text-arabic{direction:rtl;font-family:Amiri,serif}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.btn-primary{background:var(--green-900);color:var(--white)}.btn-primary:hover{background:var(--green-950);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-gold{background:var(--gold-400);color:var(--white)}.btn-gold:hover{background:var(--gold-700);transform:translateY(-1px)}.btn-outline{color:var(--green-900);border:1.5px solid var(--green-900);background:0 0}.btn-outline:hover{background:var(--green-50)}.btn-ghost{color:var(--white);background:#ffffff1a;border:1px solid #fff3}.btn-ghost:hover{background:#ffffff2e}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{background:#7f1d1d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}input,textarea,select{border:1.5px solid var(--parchment);border-radius:var(--radius);background:var(--white);width:100%;color:var(--text-900);outline:none;padding:11px 14px;font-family:Noto Sans,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:var(--text-300)}input:focus,textarea:focus,select:focus{border-color:var(--green-700);box-shadow:0 0 0 3px #1f5d3a1a}label{color:var(--text-700);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #1f5d3a12;padding:24px}.islamic-pattern{background-color:#f8f7ed;background-image:radial-gradient(circle at 20% 30%,#2370651f,#0000 35%),radial-gradient(circle at 80% 70%,#c9a84c1a,#0000 35%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg fill='none' stroke='%23237065' stroke-width='1' opacity='0.07'%3E%3Cpath d='M48 8L56 24L72 16L68 32L88 48L68 64L72 80L56 72L48 88L40 72L24 80L28 64L8 48L28 32L24 16L40 24Z'/%3E%3Cpath d='M48 22L60 36L74 48L60 60L48 74L36 60L22 48L36 36Z'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:repeat,repeat,repeat;background-size:auto,auto,96px 96px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #ffffffb3}.islamic-pattern:after{content:"";pointer-events:none;background:#064f49;border-radius:50% 50% 0 0/35% 35% 0 0;height:120px;position:absolute;bottom:-55px;left:-5%;right:-5%;box-shadow:0 -4px #b88a2b,0 -8px #ffffff80}.islamic-konsul{background-color:#f8f7ed;background-image:radial-gradient(circle at 20% 30%,#2370651f,#0000 35%),radial-gradient(circle at 80% 70%,#c9a84c1a,#0000 35%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg fill='none' stroke='%23237065' stroke-width='1' opacity='0.07'%3E%3Cpath d='M48 8L56 24L72 16L68 32L88 48L68 64L72 80L56 72L48 88L40 72L24 80L28 64L8 48L28 32L24 16L40 24Z'/%3E%3Cpath d='M48 22L60 36L74 48L60 60L48 74L36 60L22 48L36 36Z'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:repeat,repeat,repeat;background-size:auto,auto,96px 96px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #ffffffb3}.divider-gold{background:linear-gradient(90deg, transparent, var(--gold-500), transparent);border:none;height:1.5px;margin:20px 0}.badge{border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-green{background:var(--green-100);color:var(--green-900)}.badge-gold{background:var(--gold-100);color:var(--gold-700)}.badge-red{color:var(--danger);background:#fff5f5}.badge-grey{color:#6b7280;background:#f3f4f6}.alert-error{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius);border:1px solid #fecaca;padding:10px 14px;font-size:14px}.alert-success{background:var(--green-50);border:1px solid var(--green-200);color:var(--green-900);border-radius:var(--radius);padding:10px 14px;font-size:14px}a{color:var(--green-700);text-decoration:none}a:hover{text-decoration:underline}.brand:hover{text-decoration:none}.text-green{color:var(--green-900)}.text-gold{color:var(--gold-500)}.text-muted{color:var(--text-500)}.bg-green{background:var(--green-900)}.bg-green-soft{background:var(--green-50)}.bg-gold-soft{background:var(--gold-50)}.konsul-dash-header{padding:28px 0}.konsul-dash-header-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.konsul-dash-header-name{align-items:center;gap:12px;min-width:0;display:flex}.konsul-dash-header-name h1{color:var(--green-300);white-space:nowrap;text-overflow:ellipsis;font-size:24px;font-weight:500;overflow:hidden}.konsul-dash-header-badge{flex-shrink:0;font-size:13px}.konsul-dash-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.konsul-dash-header-actions .btn{color:var(--green-300);font-size:13px}.konsul-dash-header-actions .btn-primary{color:#fff}@media (width<=768px){.container{padding:0 16px}.konsul-dash-header{padding:20px 0}.konsul-dash-header-inner{flex-direction:column;align-items:stretch;gap:12px}.konsul-dash-header-name{justify-content:space-between}.konsul-dash-header-name h1{font-size:20px}.konsul-dash-header-actions{justify-content:stretch}.konsul-dash-header-actions .btn{text-align:center;flex:auto}.hide-mobile{display:none!important}.grid-3,.grid-2{grid-template-columns:1fr!important}.card{padding:16px}.navbar-inner{min-height:58px}.brand-logo{border-radius:10px;width:37px;height:37px}.brand-name{font-size:20px}h1{font-size:30px}h2{font-size:24px}h3{font-size:19px}}@media (width<=480px){.container{padding:0 14px}.brand{gap:8px}.brand-logo{width:36px;height:36px}.brand-name{font-size:19px}.btn{padding:9px 16px}}.navbar{z-index:1000;background:var(--green-950);border-bottom:1px solid #ffffff0f;width:100%;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.navbar-inner{justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:62px;display:flex}.brand{min-width:0;color:inherit;flex-shrink:1;align-items:center;gap:10px;transition:opacity .2s;display:inline-flex;text-decoration:none!important}.brand:hover{opacity:.92;text-decoration:none}.brand-logo{object-fit:contain;filter:drop-shadow(0 2px 4px #0003);border-radius:11px;flex-shrink:0;width:40px;height:40px;display:block}.brand-name{letter-spacing:-.5px;white-space:nowrap;align-items:baseline;min-width:0;font-family:Noto Sans,sans-serif;font-size:22px;font-weight:600;line-height:1;display:flex}.brand-name span{color:var(--white)}.brand-name strong{color:var(--gold-600);font-weight:700}.navbar-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.notification-wrapper{flex-shrink:0;position:relative}.notification-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1f;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .2s,transform .15s;display:flex;position:relative}.notification-button:hover{background:#ffffff2e}.notification-button:active{transform:scale(.96)}.notification-icon{font-size:18px;line-height:1}.notification-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.notification-dropdown{width:300px;max-width:calc(100vw - 24px);max-height:340px;box-shadow:var(--shadow-lg);border:1px solid var(--parchment);z-index:2000;box-sizing:border-box;background:#fff;border-radius:12px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden auto}.notification-header{border-bottom:1px solid var(--sand);box-sizing:border-box;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:10px 14px;display:flex}.notification-header>span{min-width:0;color:var(--green-900);white-space:nowrap;font-size:14px;font-weight:600}.notification-header a{white-space:nowrap;flex-shrink:0;font-size:12px;text-decoration:none}.notification-empty{text-align:center;color:var(--text-300);padding:24px 16px;font-size:13px}.notification-item{border-bottom:1px solid var(--sand);cursor:pointer;box-sizing:border-box;background:#fff;padding:12px 14px}.notification-item.unread{background:var(--green-50)}.notification-title{color:var(--text-900);overflow-wrap:anywhere;font-size:13px;font-weight:600}.notification-message{color:var(--text-500);overflow-wrap:anywhere;margin-top:3px;font-size:12px;line-height:1.4}.notification-date{color:var(--text-300);margin-top:5px;font-size:11px;line-height:1.3}.navbar-user{flex-shrink:1;align-items:center;gap:8px;min-width:0;display:flex}.navbar-avatar{background:var(--gold-500);color:#fff;border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.navbar-avatar img{object-fit:cover;width:100%;height:100%;display:block}.navbar-username{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13px;overflow:hidden}.navbar-logout{white-space:nowrap;flex-shrink:0;padding:7px 14px}.logout-icon{display:none}.navbar-login{flex-shrink:0}@media (width<=768px){.navbar-inner{gap:10px;min-height:58px}.navbar-actions{gap:6px}.brand-logo{border-radius:10px;width:37px;height:37px}.brand-name{font-size:20px}.navbar-username{max-width:100px}}@media (width<=480px){.navbar-inner{gap:6px;min-height:56px}.brand{gap:6px}.brand-logo{width:34px;height:34px}.brand-name{font-size:18px}.navbar-actions{gap:4px}.navbar-username{display:none}.navbar-avatar{flex-basis:31px;width:31px;height:31px}.notification-button{width:35px;height:35px}.notification-icon{font-size:17px}.navbar-logout{padding:6px 9px!important;font-size:12px!important}.notification-dropdown{width:min(300px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100vh - 78px);position:fixed;top:64px;left:auto;right:12px}}@media (width<=375px){.navbar-inner{gap:4px}.brand{gap:5px}.brand-logo{width:32px;height:32px}.brand-name{font-size:17px}.navbar-actions{gap:3px}.navbar-avatar{flex-basis:29px;width:29px;height:29px}.notification-button{width:33px;height:33px}.navbar-logout{padding:5px 8px!important;font-size:11px!important}}@media (width<=340px){.navbar-inner{gap:3px}.brand-logo{width:30px;height:30px}.brand-name{font-size:16px}.navbar-actions{gap:2px}.navbar-avatar{flex-basis:28px;width:28px;height:28px}.notification-button{width:32px;height:32px}.navbar-logout{justify-content:center;align-items:center;width:32px;height:32px;display:flex;padding:0!important}.logout-text{display:none}.logout-icon{font-size:18px;line-height:1;display:block}}.ruang-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=480px){.ruang-header{gap:8px!important;padding:10px 12px!important}.ruang-header-actions{gap:6px}.ruang-akhiri-btn{gap:4px!important;padding:6px 10px!important;font-size:12px!important}}@media (width<=375px){.ruang-header-actions{gap:4px}.ruang-akhiri-btn{padding:6px 8px!important}}