@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #ec4899;--secondary-light: #f472b6;--accent: #14b8a6;--bg-body: #f8fafc;--bg-surface: rgba(255, 255, 255, .7);--text-main: #1e293b;--text-muted: #64748b;--text-inverse: #ffffff;--border: rgba(255, 255, 255, .5);--status-success: #10b981;--status-error: #ef4444;--status-warning: #f59e0b;--status-info: #3b82f6;--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px;--container-width: 1200px;--header-height: 4rem;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-clay: inset -3px -3px 6px 0 rgba(0, 0, 0, .1), inset 3px 3px 6px 0 rgba(255, 255, 255, .8), 5px 5px 15px 0 rgba(0, 0, 0, .1);--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--glass-border: 1px solid rgba(255, 255, 255, .4);--glass-bg: rgba(255, 255, 255, .65);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--glass-backdrop: blur(12px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;background-color:#f0f2f5;background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);background-attachment:fixed;background-size:cover;overflow-x:hidden;min-height:100vh}body{background-color:#eef2ff;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(at 50% 0%,rgba(168,85,247,.15) 0,transparent 50%),radial-gradient(at 100% 0%,rgba(236,72,153,.15) 0,transparent 50%),radial-gradient(at 0% 100%,rgba(20,184,166,.15) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(99,102,241,.15) 0,transparent 50%);background-attachment:fixed;background-size:cover}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:700;line-height:1.2}button{cursor:pointer;border:none;font-family:inherit}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:#fff9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);box-shadow:0 4px 30px #00000008}.clay-card{background:#fff;border-radius:var(--radius-lg);box-shadow:20px 20px 60px #d1d5db,-20px -20px 60px #fff;border:none}.clay-btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);box-shadow:inset -4px -4px 8px #0003,inset 4px 4px 8px #fff3,8px 8px 16px #6366f14d;transition:all .2s ease;border:none;font-weight:600}.clay-btn-primary:active{box-shadow:inset 4px 4px 8px #0003,inset -4px -4px 8px #ffffff1a;transform:scale(.98)}.clay-icon{filter:drop-shadow(0px 8px 12px rgba(0,0,0,.15));transition:transform .3s ease}.clay-icon:hover{transform:translateY(-5px) scale(1.05)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#6366f199}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}.magang-modal{background:#ffffffe6!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 25px 50px -12px #00000040!important;border-radius:var(--radius-xl)!important}.magang-modal-overlay{background:#0000004d!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.magang-input-field{background:#ffffff80!important;border:1px solid rgba(255,255,255,.6)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md)!important;transition:all .3s ease}.magang-input-field:focus{background:#fff!important;box-shadow:0 0 0 4px #6366f133!important;border-color:var(--primary)!important}.mobile-container{background:#fff6!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.4);border-right:1px solid rgba(255,255,255,.4)}.magang-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.magang-modal,.magang-modal-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.5);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.magang-modal>form{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.magang-modal-header{padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:#ffffff80}.magang-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.magang-modal-footer{padding:1.5rem;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:flex-end;gap:1rem;background:#f8fafccc;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.magang-form-group{margin-bottom:1.5rem}.magang-form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem}.magang-input-field{width:100%;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.95rem;color:var(--text-main);transition:all .2s ease}.magang-input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.magang-btn-primary,.magang-btn-submit{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--primary);color:#fff;font-weight:600;border-radius:var(--radius-md);transition:all .2s;gap:.5rem;box-shadow:0 4px 6px -1px #6366f14d}.magang-btn-primary:hover,.magang-btn-submit:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 8px -1px #6366f166}.magang-btn-primary:active,.magang-btn-submit:active{transform:translateY(0)}.magang-btn-secondary,.magang-btn-cancel{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:#f1f5f9;color:var(--text-muted);font-weight:600;border-radius:var(--radius-md);transition:all .2s}.magang-btn-secondary:hover,.magang-btn-cancel:hover{background:#e2e8f0;color:var(--text-main)}.magang-photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.5rem}.magang-photo-upload-box{aspect-ratio:1;border:2px dashed #cbd5e1;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#f8fafc;position:relative;overflow:hidden}.magang-photo-upload-box:hover{border-color:var(--primary);background:#eff6ff}.magang-photo-upload-box img{width:100%;height:100%;object-fit:cover}.magang-photo-remove{position:absolute;top:4px;right:4px;background:#ffffffe6;border-radius:50%;padding:4px;color:var(--status-error);box-shadow:0 2px 4px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.magang-modal-body{padding:1.5rem}.magang-input-wrapper{position:relative}.magang-form-group input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;padding-right:1rem}@keyframes aurora-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float-particle{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:.6}to{transform:translateY(-120px) translate(40px) scale(.5);opacity:0}}@keyframes float-slow{0%{transform:translateY(0) rotate(0)}33%{transform:translateY(-18px) rotate(3deg)}66%{transform:translateY(-8px) rotate(-2deg)}to{transform:translateY(0) rotate(0)}}@keyframes float-medium{0%{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-14px) rotate(5deg) scale(1.02)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes shimmer-3d{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-glow{0%{box-shadow:0 0 20px #6366f14d,0 0 60px #6366f11a}50%{box-shadow:0 0 40px #6366f199,0 0 80px #6366f133,0 0 120px #a855f71a}to{box-shadow:0 0 20px #6366f14d,0 0 60px #6366f11a}}@keyframes pulse-glow-green{0%{box-shadow:0 0 15px #10b98166}50%{box-shadow:0 0 30px #10b981b3,0 0 60px #10b98133}to{box-shadow:0 0 15px #10b98166}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes card-enter{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tilt-hover{0%{transform:perspective(1000px) rotateX(0) rotateY(0)}25%{transform:perspective(1000px) rotateX(3deg) rotateY(-3deg)}75%{transform:perspective(1000px) rotateX(-3deg) rotateY(3deg)}to{transform:perspective(1000px) rotateX(0) rotateY(0)}}@keyframes number-count-up{0%{opacity:0;transform:translateY(100%) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes border-spin{to{transform:rotate(360deg)}}@keyframes particle-drift{0%{transform:translate(0) scale(1);opacity:0}20%{opacity:.8}80%{opacity:.4}to{transform:translate(var(--dx, 60px),var(--dy, -80px)) scale(.3);opacity:0}}.campus-portal-root{min-height:100vh;background:radial-gradient(ellipse at 0% 0%,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(ellipse at 100% 0%,rgba(168,85,247,.12) 0,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(16,185,129,.08) 0,transparent 50%),linear-gradient(135deg,#0a0e1a,#0d1224 40%,#0a1020);font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.campus-nav{background:#0a0e1ad9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(99,102,241,.2);position:sticky;top:0;z-index:1000;transition:all .3s ease}.campus-nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.6),rgba(168,85,247,.6),transparent)}.campus-nav-inner{max-width:1280px;margin:0 auto;padding:0 1.5rem;height:70px;display:flex;align-items:center;justify-content:space-between}.campus-nav-brand{display:flex;align-items:center;gap:14px}.campus-nav-logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #6366f180,inset 0 1px #fff3;animation:pulse-glow 3s ease-in-out infinite;position:relative;overflow:hidden}.campus-nav-logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);border-radius:inherit}.campus-nav-title{font-weight:800;font-size:1.05rem;color:#fff;letter-spacing:-.01em;line-height:1.2}.campus-nav-subtitle{font-size:.72rem;color:#6366f1e6;font-weight:500;letter-spacing:.03em}.campus-logout-btn{display:flex;align-items:center;gap:8px;background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3);padding:8px 18px;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.campus-logout-btn:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.campus-main{max-width:1280px;margin:0 auto;padding:2rem 1.5rem;animation:slide-in-up .5s ease-out}.campus-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}.campus-stat-card{position:relative;border-radius:20px;padding:1.5rem;overflow:hidden;cursor:default;transition:transform .3s ease,box-shadow .3s ease;animation:card-enter .5s ease-out both}.campus-stat-card:hover{transform:translateY(-4px) scale(1.01)}.campus-stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff14,#ffffff05);border-radius:inherit;pointer-events:none}.campus-stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.08);pointer-events:none}.campus-stat-card.blue{background:linear-gradient(135deg,#3b82f640,#6366f126);box-shadow:0 8px 32px #3b82f633,inset 0 1px #ffffff1a}.campus-stat-card.blue:hover{box-shadow:0 16px 48px #3b82f659,inset 0 1px #ffffff26}.campus-stat-card.green{background:linear-gradient(135deg,#10b98140,#05966926);box-shadow:0 8px 32px #10b98133,inset 0 1px #ffffff1a}.campus-stat-card.green:hover{box-shadow:0 16px 48px #10b98159,inset 0 1px #ffffff26}.campus-stat-card.purple{background:linear-gradient(135deg,#8b5cf640,#a855f726);box-shadow:0 8px 32px #8b5cf633,inset 0 1px #ffffff1a}.campus-stat-card.purple:hover{box-shadow:0 16px 48px #8b5cf659,inset 0 1px #ffffff26}.campus-stat-icon-wrap{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;animation:float-slow 6s ease-in-out infinite}.campus-stat-icon-wrap.blue{background:#3b82f64d;color:#60a5fa;box-shadow:0 4px 16px #3b82f64d}.campus-stat-icon-wrap.green{background:#10b9814d;color:#34d399;box-shadow:0 4px 16px #10b9814d}.campus-stat-icon-wrap.purple{background:#8b5cf64d;color:#a78bfa;box-shadow:0 4px 16px #8b5cf64d}.campus-stat-value{font-size:2.5rem;font-weight:800;color:#fff;line-height:1;font-family:Outfit,sans-serif;animation:number-count-up .6s ease-out both}.campus-stat-label{font-size:.78rem;color:#ffffff8c;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-top:6px}.campus-table-card{background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;box-shadow:0 8px 40px #0000004d;animation:card-enter .6s ease-out .1s both}.campus-table-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:#6366f10d}.campus-table-title-row{display:flex;align-items:center;gap:12px}.campus-table-accent-bar{width:4px;height:24px;border-radius:4px;background:linear-gradient(180deg,#6366f1,#8b5cf6);box-shadow:0 0 10px #6366f199}.campus-table-title{font-size:1.1rem;font-weight:800;color:#fff;margin:0}.campus-search-box{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:0 1rem;transition:all .2s ease;min-width:240px}.campus-search-box:focus-within{border-color:#6366f180;background:#6366f114;box-shadow:0 0 0 3px #6366f11a}.campus-search-input{border:none;background:none;padding:.7rem 0;width:100%;outline:none;font-size:.875rem;color:#fff;font-family:inherit}.campus-search-input::placeholder{color:#ffffff4d}.campus-table{width:100%;border-collapse:collapse}.campus-table thead tr{background:#6366f10f}.campus-table thead th{padding:1rem 1.5rem;text-align:left;font-size:.68rem;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:.08em}.campus-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s ease}.campus-table tbody tr:hover{background:#6366f10f}.campus-table tbody td{padding:1.25rem 1.5rem;color:#ffffffd9;font-size:.875rem}.campus-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#6366f14d,#a855f74d);border:2px solid rgba(99,102,241,.4);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#a5b4fc;box-shadow:0 4px 12px #6366f133}.campus-student-name{font-weight:700;color:#fff;font-size:.9rem}.campus-student-nim{font-size:.75rem;color:#ffffff59;margin-top:2px}.campus-status-badge{padding:5px 14px;border-radius:99px;font-weight:700;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.campus-status-badge.active{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3);animation:pulse-glow-green 2.5s ease-in-out infinite}.campus-status-badge.done{background:#64748b33;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.campus-logbook-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#3b82f633,#6366f133);color:#93c5fd;border:1px solid rgba(59,130,246,.3);padding:8px 16px;border-radius:12px;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.campus-logbook-btn:hover{background:linear-gradient(135deg,#3b82f659,#6366f159);border-color:#6366f199;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f640;color:#bfdbfe}.campus-back-btn{display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 20px;color:#ffffffb3;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s ease;font-family:inherit}.campus-back-btn:hover{background:#ffffff1a;color:#fff;transform:translate(-2px)}.campus-pdf-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 20px;color:#fff;cursor:pointer;font-weight:700;font-size:.875rem;transition:all .2s ease;font-family:inherit;box-shadow:0 4px 16px #0000004d}.campus-pdf-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006;background:linear-gradient(135deg,#334155,#475569)}.campus-pdf-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.campus-profile-card{background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:1.75rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 8px 32px #00000040;animation:card-enter .5s ease-out both;flex-wrap:wrap}.campus-profile-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#6366f166,#a855f766);border:3px solid rgba(99,102,241,.5);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#a5b4fc;box-shadow:0 0 24px #6366f14d,0 8px 20px #0000004d;animation:float-medium 5s ease-in-out infinite}.campus-profile-name{font-size:1.35rem;font-weight:800;color:#fff;margin:0 0 8px;font-family:Outfit,sans-serif}.campus-profile-meta-label{font-size:.65rem;font-weight:700;color:#6366f1b3;text-transform:uppercase;letter-spacing:.08em}.campus-profile-meta-value{font-size:.875rem;color:#ffffffbf;font-weight:600;margin-top:2px}.campus-logbook-count-badge{text-align:center;padding:1rem 1.5rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:16px;flex-shrink:0;margin-left:auto}.campus-logbook-count-number{font-size:2.25rem;font-weight:800;color:#818cf8;line-height:1;font-family:Outfit,sans-serif}.campus-logbook-count-label{font-size:.7rem;color:#fff6;margin-top:4px}.campus-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.campus-log-card{background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:border-color .2s,box-shadow .2s}.campus-log-card.expanded{border-color:#6366f166;box-shadow:0 8px 32px #6366f11f}.campus-log-card-header{padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:background .2s}.campus-log-card-header:hover{background:#6366f10d}.campus-log-card-header.expanded{background:#6366f114}.campus-log-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0f;color:#fff6;transition:all .2s}.campus-log-icon.expanded{background:#6366f140;color:#818cf8}.campus-log-date{font-weight:700;color:#fff;font-size:.95rem}.campus-log-time{display:flex;align-items:center;gap:4px;font-size:.78rem;color:#fff6;margin-top:4px}.campus-log-comment-tag{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;color:#a5b4fc;background:#6366f133;border:1px solid rgba(99,102,241,.3);padding:3px 10px;border-radius:99px}.campus-log-body{border-top:1px solid rgba(255,255,255,.06)}.campus-log-activity-section{padding:1.5rem}.campus-log-activity-label{font-size:.65rem;font-weight:700;color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.campus-log-activity-text{margin:0;color:#ffffffbf;line-height:1.7;white-space:pre-wrap;font-size:.9rem}.campus-log-target-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.campus-log-target-box{border-radius:14px;padding:1rem}.campus-log-target-box.target{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.campus-log-target-box.achievement{background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.campus-log-target-box-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.campus-log-target-box.target .campus-log-target-box-label{color:#34d399}.campus-log-target-box.achievement .campus-log-target-box-label{color:#60a5fa}.campus-log-target-box-text{font-size:.875rem}.campus-log-target-box.target .campus-log-target-box-text{color:#34d399d9}.campus-log-target-box.achievement .campus-log-target-box-text{color:#60a5fad9}.campus-log-photo{width:96px;height:96px;object-fit:cover;border-radius:14px;border:2px solid rgba(255,255,255,.08);transition:transform .2s,box-shadow .2s}.campus-log-photo:hover{transform:scale(1.08);box-shadow:0 8px 24px #0006}.campus-log-comment-area{border-top:1px solid rgba(255,255,255,.05);background:#0003}.campus-empty-state{text-align:center;padding:4rem 2rem;color:#ffffff40}.campus-empty-state-icon{margin-bottom:1rem;opacity:.3}.campus-empty-state-text{font-weight:600;color:#ffffff4d}.campus-particles-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.campus-particle{position:absolute;border-radius:50%;animation:float-particle linear infinite;opacity:0}@media (max-width: 768px){.campus-nav-inner{padding:0 1rem;height:60px}.campus-nav-title{font-size:.9rem}.campus-nav-subtitle{display:none}.campus-main{padding:1.25rem 1rem}.campus-stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.campus-stat-card{padding:1rem;border-radius:16px}.campus-stat-icon-wrap{width:40px;height:40px;border-radius:12px;margin-bottom:.6rem}.campus-stat-value{font-size:1.75rem}.campus-stat-label{font-size:.62rem}.campus-table-header{padding:1rem 1.25rem;flex-direction:column;align-items:flex-start;gap:.75rem}.campus-search-box{min-width:100%;width:100%}.campus-table thead{display:none}.campus-table tbody tr{display:flex;flex-direction:column;padding:1rem;border-bottom:1px solid rgba(255,255,255,.06);gap:.5rem;position:relative}.campus-table tbody td{padding:0;display:flex;align-items:center;gap:8px}.campus-table tbody td:first-child{margin-bottom:.25rem}.campus-profile-card{padding:1.25rem;border-radius:20px;flex-direction:column;align-items:flex-start}.campus-logbook-count-badge{margin-left:0;width:100%}.campus-log-target-grid{grid-template-columns:1fr}.campus-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.campus-stats-grid{grid-template-columns:1fr;gap:.75rem}.campus-stat-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem}.campus-stat-icon-wrap{margin-bottom:0;flex-shrink:0}}