/* This CSS code is developed for the @KDR Team and Khogendra Rupini. 
It is exclusively owned and maintained by him.
If anyone wishes to use this stylesheet, they must first contact Khogendra Rupini 
through his official website https://khogendrarupini.com 
Or his GitHub profile https://github.com/khogendrarupini/
This code is protected and requires a valid license, 
as it falls under the @KDR License by Khogendra Rupini. */

*{margin:0;padding:0;box-sizing:border-box}body{background:#020604;font-family:"Inter",system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;line-height:1.5;color:#d4f0e3;min-height:100vh;padding:24px 20px;position:relative;background-image:radial-gradient(circle at 10% 20%,#0a241a 0%,#010302 95%)}body::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 1920 500\'%3E%3Cdefs%3E%3CclipPath id=\'clippath\'%3E%3Crect width=\'1920\' height=\'500\' fill=\'none\'/%3E%3C/clipPath%3E%3CclipPath id=\'clippath-1\'%3E%3Crect width=\'1920\' height=\'500\' fill=\'none\'/%3E%3C/clipPath%3E%3CclipPath id=\'clippath-2\'%3E%3Crect width=\'1920\' height=\'500\' fill=\'none\'/%3E%3C/clipPath%3E%3CradialGradient id=\'grad1\' cx=\'267.4\' cy=\'25.36\' r=\'462.56\' gradientUnits=\'userSpaceOnUse\'%3E%3Cstop offset=\'0%25\' stop-color=\'%231a7a55\' stop-opacity=\'.9\'/%3E%3Cstop offset=\'.3\' stop-color=\'%23125e42\' stop-opacity=\'.7\'/%3E%3Cstop offset=\'.7\' stop-color=\'%230a3324\' stop-opacity=\'.2\'/%3E%3Cstop offset=\'1\' stop-color=\'%2305170f\' stop-opacity=\'0\'/%3E%3C/radialGradient%3E%3CradialGradient id=\'grad2\' cx=\'750\' cy=\'-195\' r=\'523\' gradientUnits=\'userSpaceOnUse\'%3E%3Cstop offset=\'0%25\' stop-color=\'%232fa874\' stop-opacity=\'.5\'/%3E%3Cstop offset=\'.6\' stop-color=\'%23145a3f\' stop-opacity=\'.15\'/%3E%3Cstop offset=\'1\' stop-color=\'%23061610\' stop-opacity=\'0\'/%3E%3C/radialGradient%3E%3ClinearGradient id=\'grad3\' x1=\'960\' y1=\'-146\' x2=\'960\' y2=\'438\' gradientUnits=\'userSpaceOnUse\'%3E%3Cstop offset=\'0%25\' stop-color=\'%232d8c6a\' stop-opacity=\'.6\'/%3E%3Cstop offset=\'.5\' stop-color=\'%231b5f48\' stop-opacity=\'.3\'/%3E%3Cstop offset=\'1\' stop-color=\'%23071f16\' stop-opacity=\'0\'/%3E%3C/linearGradient%3E%3CradialGradient id=\'grad4\' cx=\'1643\' cy=\'92\' r=\'407\' gradientUnits=\'userSpaceOnUse\'%3E%3Cstop offset=\'0%25\' stop-color=\'%233bb882\' stop-opacity=\'.3\'/%3E%3Cstop offset=\'.6\' stop-color=\'%23126444\' stop-opacity=\'.1\'/%3E%3Cstop offset=\'1\' stop-color=\'%23071a12\' stop-opacity=\'0\'/%3E%3C/radialGradient%3E%3CradialGradient id=\'grad5\' cx=\'-18\' cy=\'72\' r=\'428\' gradientUnits=\'userSpaceOnUse\'%3E%3Cstop offset=\'.2\' stop-color=\'%23278a63\' stop-opacity=\'.5\'/%3E%3Cstop offset=\'.6\' stop-color=\'%2314543c\' stop-opacity=\'.15\'/%3E%3Cstop offset=\'1\' stop-color=\'%2306140e\' stop-opacity=\'0\'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg clip-path=\'url(%23clippath)\'%3E%3Cg clip-path=\'url(%23clippath-1)\'%3E%3Cg clip-path=\'url(%23clippath-2)\'%3E%3Cpath d=\'M729.27,0H-5.63v398.77c76.52,56.05,170.91,89.15,273.04,89.15,255.46,0,462.56-207.09,462.56-462.56,0-8.51-.24-16.96-.69-25.36Z\' fill=\'url(%23grad1)\'/%3E%3Cpath d=\'M230.41-132.14c30.98,259.48,251.8,460.65,519.62,460.65s488.64-201.17,519.62-460.65H230.41Z\' fill=\'url(%23grad2)\'/%3E%3C/g%3E%3Cpath d=\'M1610.43,269.43c-77.9,77.44-185.5,125.44-304.28,125.44-226.21,0-411.62-173.99-428.82-394.87H0v290.45c104.67,49.42,203.21,18.17,315.6-93.75,77.9-77.44,185.5-125.44,304.28-125.44,237.51,0,430.04,191.81,430.12,428.31H0v.44h1920V172.92c-102.43-45.43-199.34-13.26-309.57,96.51Z\' fill=\'url(%23grad3)\'/%3E%3Cpath d=\'M1534.24,63.35c-61.49-37.8-139.29-37.84-200.83-.13l-96.15,58.92c15.15,211.21,191.3,377.86,406.37,377.86,106.66,0,203.75-40.99,276.37-108.07v-91.46l-385.76-237.12Z\' fill=\'url(%23grad4)\'/%3E%3Cpath d=\'M1150.32,0c24.33,274.13,272.93,489.61,576.04,489.61,67.92,0,133.11-10.83,193.65-30.7V0h-769.68Z\' fill=\'url(%23grad4)\' opacity=\'.6\'/%3E%3Cpath d=\'M402.94,0H0v499.56h526.05c16.18-48.07,24.95-99.54,24.95-153.06C551,210.26,494.18,87.29,402.94,0Z\' fill=\'url(%23grad5)\'/%3E%3C/g%3E%3C/g%3E%3Ctext x=\'960\' y=\'280\' font-family=\'Inter\' font-size=\'68\' font-weight=\'800\' fill=\'%233d9f78\' opacity=\'.18\' text-anchor=\'middle\' letter-spacing=\'12\'%3EKDR-DEVELOPER HUB%3C/text%3E%3Ctext x=\'960\' y=\'380\' font-family=\'JetBrains Mono\' font-size=\'24\' fill=\'%235abf94\' opacity=\'.2\' text-anchor=\'middle\' letter-spacing=\'6\'%3E// vault · secure links%3C/text%3E%3C/svg%3E') no-repeat center center;background-size:cover;opacity:.35;mix-blend-mode:screen}.app-container{max-width:1440px;margin:0 auto;position:relative;z-index:2}.material-icons{font-size:22px;vertical-align:middle}button{font-family:inherit;cursor:pointer;transition:all .15s ease;border:none;background:none;font-weight:500}input{font-family:"Inter",sans-serif;transition:all .15s ease}.main-header{background:#030f0c;box-shadow:8px 8px 0 #000000,0 4px 12px rgba(0,0,0,.5);margin-bottom:32px;border:2px solid #1a6b4e;border-right-width:3px;border-bottom-width:3px;backdrop-filter:blur(2px)}.header-flex{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:20px;flex-wrap:wrap}.brand-area{display:flex;align-items:center;gap:12px}.brand-area .material-icons{font-size:32px;color:#6fe3b5;background:#0a281e;padding:8px;border:2px solid #33b084}.brand-area h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:#ffffff;text-shadow:2px 2px 0 #000000}.brand-area span:last-child{font-size:.75rem;background:#0e3a2b;padding:4px 12px;font-weight:700;color:#a4f0cf;letter-spacing:.5px;text-transform:uppercase;margin-left:6px;border:1.5px solid #50c59a}.desktop-admin-section{display:flex;align-items:center;gap:16px}.admin-card{background:#061a13;padding:6px 6px 6px 18px;border:2px solid #1e7a58;border-right-width:3px;border-bottom-width:3px;box-shadow:inset 0 1px 2px rgba(255,255,255,.05)}.admin-badge{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:#cef5e2}.login-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.login-form input{background:#020a07;border:2px solid #1a6b4e;padding:10px 16px;font-size:.9rem;width:200px;color:#ffffff;box-shadow:inset 2px 2px 6px #00000030}.login-form input:focus{outline:none;border-color:#33b084;box-shadow:0 0 0 3px #1a6b4e80,inset 2px 2px 6px #00000030}.desktop-add-panel{background:#061a13;padding:8px 8px 8px 20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;border:2px solid #1e7a58;border-right-width:3px;border-bottom-width:3px;box-shadow:4px 4px 0 #000000}.field-group{display:flex;align-items:center;gap:10px}.field-group label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#a0ebcb}.field-group input{background:#020a07;border:2px solid #1a6b4e;padding:10px 14px;width:170px;font-size:.9rem;color:#fff;box-shadow:inset 2px 2px 6px #00000030}.field-group input:focus{border-color:#33b084;box-shadow:0 0 0 3px #1a6b4e80,inset 2px 2px 6px #00000030}.btn-primary{background:#0e5a41;border:none;color:white;padding:10px 22px;font-weight:700;display:inline-flex;align-items:center;gap:8px;font-size:.9rem;box-shadow:3px 3px 0 #000000;border:2px solid #33b084;border-right-width:3px;border-bottom-width:3px;text-transform:uppercase;letter-spacing:.3px}.btn-primary:hover{background:#084d37;box-shadow:5px 5px 0 #000000;transform:translate(-1px,-1px)}.btn-outline{background:#0a281e;border:2px solid #267a5c;padding:8px 18px;font-weight:600;display:inline-flex;align-items:center;gap:8px;color:#dcffee;box-shadow:2px 2px 0 #000000;border-right-width:3px;border-bottom-width:3px}.btn-outline:hover{background:#114432;border-color:#50c59a;box-shadow:4px 4px 0 #000000;transform:translate(-1px,-1px)}.menu-btn{display:none;background:#0a281e;border:2px solid #267a5c;padding:10px 22px;align-items:center;gap:10px;color:#dcffee;font-weight:700;box-shadow:3px 3px 0 #000000;border-right-width:3px;border-bottom-width:3px}.mobile-drawer{position:fixed;top:0;left:-100%;width:86%;max-width:380px;height:100%;background:#061410;z-index:1000;box-shadow:12px 0 0 #000000;transition:left .28s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;overflow-y:auto;border-right:3px solid #1a6b4e}.mobile-drawer.open{left:0}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px 18px;border-bottom:3px solid #0e3a2b;background:#020a07}.drawer-header span{font-weight:700;font-size:1.4rem;display:flex;align-items:center;gap:10px;color:#ffffff}.close-drawer{background:#0a281e;padding:10px;color:#b2f0d4;border:2px solid #267a5c}.drawer-section{padding:22px 18px;border-bottom:2px solid #0a281e}.drawer-section-title{font-weight:800;margin-bottom:18px;font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;color:#9ce8c7;display:flex;align-items:center;gap:10px}.drawer-input{width:100%;background:#020a07;border:2px solid #1a6b4e;padding:14px 16px;margin-bottom:16px;font-size:.95rem;box-shadow:inset 2px 2px 8px #00000050;color:white}.drawer-input:focus{outline:none;border-color:#33b084;box-shadow:0 0 0 3px #1a6b4e80,inset 2px 2px 8px #00000050}.drawer-btn-full{width:100%;justify-content:center;margin-top:8px;padding:16px}.overlay-blur{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b0;backdrop-filter:blur(4px);z-index:999;display:none}.overlay-blur.active{display:block}.links-section{margin-top:8px}.section-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;margin-bottom:28px;padding:0 6px}.title-block{display:flex;align-items:center;gap:14px}.title-block .material-icons{font-size:32px;color:#6fe3b5;background:#0a281e;padding:10px;border:2px solid #33b084}.title-block h2{font-weight:700;font-size:2rem;color:#ffffff;letter-spacing:-.02em;text-shadow:3px 3px 0 #000000}.stats-badge{background:#081f16;padding:10px 22px;font-size:.9rem;font-weight:700;color:#baf0d7;border:2px solid #267a5c;box-shadow:3px 3px 0 #000000}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.link-card{background:#04120e;padding:24px 24px 22px;display:flex;align-items:flex-start;justify-content:space-between;transition:all .15s;border:2px solid #1a6b4e;border-right-width:3px;border-bottom-width:3px;box-shadow:5px 5px 0 #000000;backdrop-filter:blur(3px)}.link-card:hover{border-color:#33b084;box-shadow:8px 8px 0 #000000;transform:translate(-2px,-2px)}.link-content{flex:1;display:flex;flex-direction:column;gap:12px}.link-title{font-weight:700;font-size:1.2rem;color:#effaf4;display:flex;align-items:center;gap:12px;word-break:break-word}.link-title .material-icons{font-size:22px;color:#6edeb2}.link-url-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.link-url{font-size:.85rem;color:#a8f0d2;text-decoration:none;word-break:break-all;font-weight:500;font-family:'JetBrains Mono','SF Mono',monospace;background:#020a07;padding:6px 14px;border:1.5px solid #1a6b4e;box-shadow:inset 1px 1px 4px #00000040}.link-url:hover{background:#0e3a2b;color:#d6ffee;border-color:#50c59a}.link-meta{font-size:.8rem;color:#9be0c4;display:flex;gap:18px;align-items:center}.card-actions{display:flex;gap:8px;align-items:center;margin-left:16px}.icon-btn{background:#0e2a1f;border:2px solid #267a5c;padding:10px;display:inline-flex;align-items:center;color:#b6f0d6;box-shadow:2px 2px 0 #000000}.icon-btn:hover{background:#184e3a;color:#ffffff;border-color:#50c59a;box-shadow:4px 4px 0 #000000;transform:translate(-1px,-1px)}.empty-state{text-align:center;padding:70px 30px;background:#061a13;border:3px dashed #267a5c;color:#b3efd3;font-weight:600;font-size:1.1rem}.modal-modern{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b0;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1100}.modal-card{background:#0a281e;width:94%;max-width:480px;padding:30px 28px;box-shadow:12px 12px 0 #000000;border:3px solid #267a5c;border-right-width:4px;border-bottom-width:4px}.modal-card h3{display:flex;gap:14px;margin-bottom:24px;font-weight:700;color:#ffffff;font-size:1.6rem}.modal-card input{width:100%;padding:16px 18px;margin-bottom:24px;background:#041a12;border:2px solid #1a6b4e;font-size:1rem;color:#fff;box-shadow:inset 3px 3px 8px #00000050}.modal-card input:focus{outline:none;border-color:#33b084;box-shadow:0 0 0 3px #1a6b4e80,inset 3px 3px 8px #00000050}.modal-actions{display:flex;justify-content:flex-end;gap:16px}.toast{position:fixed;bottom:30px;right:24px;background:#0a281e;padding:14px 28px;box-shadow:6px 6px 0 #000000;z-index:1200;animation:slideIn .3s ease;font-weight:600;display:flex;align-items:center;gap:14px;border:2px solid #267a5c;border-right-width:3px;border-bottom-width:3px;color:#dcffee}.toast.error{border-left:8px solid #f87171;color:#fecaca}.toast.success{border-left:8px solid #4ade80;color:#dcfce7}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:860px){.desktop-admin-section,.desktop-add-panel{display:none!important}.menu-btn{display:flex}.links-grid{grid-template-columns:1fr}.title-block h2{font-size:1.6rem}body{padding:16px 12px}}@media (min-width:861px){.mobile-drawer,.overlay-blur{display:none!important}}@media (max-width:520px){.link-card{flex-direction:column;padding:22px}.card-actions{margin-top:18px;margin-left:0;justify-content:flex-start}.brand-area h1{font-size:1.3rem}}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #33b084;outline-offset:2px}a{text-decoration:none}